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" />

(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>

(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>

(8)

</div>  </div>

</div>  </div>

<div id="footer">

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

</div>

</div>

(9)

2.

Form profil.php

</head>

(10)

</div>

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

(11)

</ul>

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

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

<h3><span>Link Alternatif</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>

</div>  </div>

(15)

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

</div>

</div>

</body> </html>

3.

Form acara.php

(16)

</head>

(17)

<fieldset><legend>Search</legend>

</form>

</div>

</div>

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

(18)

</ul>

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

<?php

include("koneksi.php");

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

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

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

(20)

?> </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>

(22)

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

</div>  </div>

(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">

(24)

</head>

(25)

<fieldset><legend>Search</legend>

</form>

</div>

</div>

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

(26)

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

<?php

(27)

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

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

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

(28)

<h3 >History</h3>

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

(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>

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

(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>

(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">

(32)

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

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

</form>

(33)

</div>

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

</ul>

(34)

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

</div>

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

<p>Hubungi Kami </p>

<p>Chandraaruan1995@gmail.com<br /> 0821 6830 8004<br />

(Obi Chandra Aruan) </p>

(35)

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

(36)

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

</div>  </div>

(37)

</div>

</div>

</body> </html>ml>

6.

Form about.php

(38)

</head>

(39)

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

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

</form>

</div>

</div>

(40)

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

</ul>

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

</div>

(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>

(42)

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

(43)

</div>  </div>

</div>

</div>

(44)

</html>ml>

7.

Form daftar.php

(45)

<!--

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

</style></head>

(46)

</form>

</div>

</div>

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

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

</ul>

(47)

</div>

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

</div>

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

(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>

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

(52)

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

(53)

</div>  </div>

</div>

</div>

(54)

</html>ml>

8.

Form Admin home.php

</ht<?php

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

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

(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,

(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\

(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

(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

(62)

[image:62.595.108.517.140.510.2]

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

(63)

dalam beberapa tabel sesuai dengan informasi yang terkandung di dalamnya.

Berikut ini rancangan tabel yang penulis gunakan dalam membangun

sistem informasi sistem informasi ikatan mahasiswa kristen D3 teknik informatika

online:

[image:63.595.113.530.305.421.2]

1.

Tabel admin terdiri dari :

Tabel 3.2. Tabel admin

Field Name

Data Type

Size

Description

id_admin

int

11

Primary Key

username

Varchar

50

Username

password

Varchar

50

Password

2.

Tabel tbl_acara terdiri dari :

Tabel 3.3. Tabel tbl_acara

Field Name

Data Type

Size

Description

id_acara

int

11

Primary Key

jdl_acara

Varchar

150

Judul

kutipan_acara

Text

Kutipan

isi_acara

Text

Isi

photo

Varchar

200

Photo

Tgl_posting

Varchar

20

Tanggal Posting

[image:63.595.112.527.522.750.2]

(64)

Gambar

Tabel 3.1. Simbol-simbol Data Flow Diagram

+7

Referensi

Unduh sekarang ( PDF - 121 Halaman - 1.08 MB )

Garis besar

Sistem Informasi Ikatan Mahasiswa Kristen D3 Teknik Informatika Berbasis Web

Dokumen terkait

Diajukan untuk Melengkapi Persyaratan Guna Mencapai Gelar Sarjana Seni Rupa Jurusan Desain Komunikasi Visual MARTARINA HAPSARI DJAJA C0705019

Sebuah corporate identity yang baik harus sejalan dengan rencana perusahaan dan dapat mencerminkan image perusahaan melalui produk atau jasanya. Sebagai pemacu sistem

Kualitas Balok Laminasi dari Kayu Sengon (Paraserienthes falcataria (L) Nielsen) dan Kayu Meranti Merah (Shorea leprosula Miq.) dengan Perlakuan Jumlah Lapisan dan Berat Labur Perekat

bahwa berat labur adalah banyaknya perekat yang diberikan pada permukaan kayu, berat labur yang terlalu tinggi selain dapat menaikkan biaya produksi juga akan mengurangi

FS - 6 Contoh FS Batubara

 Di Kabupaten Muara Enim terdapat endapan batubara Di Kabupaten Muara Enim terdapat endapan batubara.. yang cukup potensial

RPP Teknologi dasar otomotif.doc

KO KOMPETEN MPETENSI DASAR SI DASAR DAN IND DAN INDIKA IKATOR PEN TOR PENCAP CAPAIAN K AIAN KOMPETEN OMPETENSI... TU TUJU JUAN PE AN PEMB MBEL ELAJ AJAR

678731875.doc 2.36MB 2015-10-12 00:18:07

Sebagian banyak orang menyukai buah kacanh hijau dan banyak orang juga yang tidak menyukai buah kacang hijau.Kacang hijausalah satu tanaman semusim yang berumur

Identifikasi Karakter Morfologis dan Hubungan Kekerabatan Asam Gelugur (Garcinia atroviridis Griff. ex T. Anders) di Beberapa Kabupaten Sumatera Utara

Dengan mempertimbangkan pembuatan bumbu arsik yang rumit dan rasanya yang khas dengan menggunakan andaliman, asam gelugur, dan bahan-bahan lainnya yang

1Masterplan Kampus II

[r]

Identifikasi Karakter Morfologis dan Hubungan Kekerabatan Asam Gelugur (Garcinia atroviridis Griff. ex T. Anders) di Beberapa Kabupaten Sumatera Utara

Jahe juga sering dimanfaatkan sebagai bumbu masakan yang digunakan untuk memberi rasa dan aroma pada makanan.. Jahe juga dapat memberikan efek rasa panas di perut sehingga