Website Informasi Computer Engineering.

(1)

WEBSITE INFORMASI COMPUTER ENGINEERING

Yogi Ferandi

0727008

Jurusan Sistem Komputer, Fakultas Teknik, Universitas Kristen Maranatha

Jalan Prof. Drg. Suria Sumantri 65

Bandung 40164, Bandung

ABSTRAK

Tujuan Perancangan Website Informasi Computer Engineering adalah sebagai

bentuk pelayanan informasi kepada dosen, mahasiswa dan masyarakat, karena

website mempunyai beberapa fungsi dan salah satunya adalah update informasi

dengan cepat, mudah dan menyampaikan informasi tanpa henti atau (24 jam) sehari.

Website juga dapat digunakan sebagai alat pendukung promosi, dengan melalui

website institusi pendidikan dapat mempublikasikan profil lembaganya dan dengan

adanya website dapat berbagi pengalaman, ilmu pengetahuan dan juga pendapat.

Oleh karena itu Website Informasi Computer Engineering dirancang dan

direalisasikan. Pada halaman web informasi dosen, dapat memberikan informasi

berupa teks dan informasi tersebut akan muncul pada halaman web informasi

mahasiswa. Informasi yang telah dikirim oleh dosen dapat dihapus atau diubah sesuai

keinginan pengirim (dosen), mahasiswa hanya dapat membaca isi informasi yang

telah dosen kirim dan tidak dapat merubahnya.

(2)

WEBSITE INFORMATION COMPUTER ENGINEERING

Yogi Ferandi

0727008

Jurusan Sistem Komputer, Fakultas Teknik, Universitas Kristen Maranatha

Jalan Prof. Drg. Suria Sumantri 65

Bandung 40164, Bandung

ABSTRACT

The Purpose design of Computer Engineering Information Website is a form of information services for lecturers, students and the community. Website has several function and they are quickly updating information, easy and no interruption or convey information (24 hours). Website also support promotion to publish profile of educational institution through experience, knowledge and opinion.

Therefore computer engineering information website has been designed and build. On lecturers information web page, it can provide information in the form of text and information will appear on the students web page information. They i_{nformation can be} deleted or changed by lecturers. Students can only read the contents of the information that has been sent by lecturers and can not change it.

(3)

DAFTAR ISI

Halaman

ABSTRAK ... i

ABSTRACT ... ii

KATA PENGANTAR ... iii

DAFTAR ISI ... vi

DAFTAR GAMBAR ... ix

DAFTAR TABEL ... xi

BAB I.

PENDAHULUAN ... 1

1.1 Latar Belakang Penelitian ... 1

1.2 Identifikasi Masalah ... 2

1.3 Tujuan ... 2

1.4 Pembatasan Masalah ... 2

1.5 Sistematika Penulisan ... 3

BAB II. LANDASAN TEORI ... 4

2.1 Pengenalan PHP ... 4

2.1 Tipe Data ... 6

(4)

2.3 Operator Aritmatika PHP ... 9

2.4 Operator Logika PHP ... 10

2.2 MySQL ... 11

2.3 HTML ... 12

2.3.1 Dasar

–

dasar HTML ... 12

2.4 XAMPP ... 13

2.5 Database ... 14

2.6 Query

... 15

2.7 Macromedia Dreamweaver 8 ... 16

BAB III. PERANCANGAN DAN PEMODELAN ... 21

3.1 Website Map ... 21

3.2 Flow Chart ... 22

3.3 Flow Chart Login Website Informasi Computer Engineering ... 23

3.4 Flow Chart Sign Up Website Informasi Computer Engineering ... 25

3.5 Flow Chart Informasi Dosen Website Informasi Computer Engineering .... 26

3.6 Flow Chart Informasi Mahasiswa ... 28

(5)

BAB IV.

Pengujian dan Data Pengamatan ... 34

4.1 Tampilan Awal Website Informasi Computer Engineering ... 34

4.2 Tampilan Sign Up Website Informasi Computer Engineering ... 35

4.3 Tampilan Login Website Informasi Computer Engineering ... 36

4.4 Tampilan Gagal Login Website Informasi Computer Engineering... 37

4.5 Tampilan Database User Website Informasi Computer Engineering

……

38

4.6 Tampilan Main Menu We Informasi Computer Engineering

………...

39

4.7 Tampilan Halaman Dosen Web Informasi Computer Engineering

……….40

4.8 Tampilan Halaman Kuliah Web Informasi Computer Engineering

……

... 41

4.9 Tampilan Halaman Laboratorium Web Informasi Computer Engineering 42

4.10 Tampilan Halaman Informasi Dosen ... 43

4.11 Tampilan Hasil Input Informasi Dosen ... 44

4.12 Tampilan Halaman Informasi Mahasiswa ... 45

4.13 Tampilan Hasil Input Informasi Dosen di Halaman Informasi Mahasiswa

... 46

4.14 Tampilan Database Input Berita Web Informasi Computer Engineering . 47

(6)

BAB V.

KESIMPULAN DAN SARAN ... 48

5.1 Kesimpulan ... 48

5.2 Saran

... 48

DAFTAR PUSTAKA ... 49

LAMPIRAN A LISTING PROGRAM ... A-1

(7)

DAFTAR GAMBAR

Gambar 2.1 Ruang kerja Macromedia Dreamweaver 8 ... 17

Gambar 2.2 Insert Bar ... 17

Gambar 2.3 Layar dokumen utama ... 18

Gambar 2.4 Panel properties ... 19

Gambar 2.5 Panel pendukung ... 19

Gambar 3.1 Peta Web Informasi Computer Engineering ... 21

Gambar 3.2 Flow Chart Web Informasi Computer Engineering ... 22

Gambar 3.3 Flow Chart Login Web Informasi Computer Engineering... 23

Gambar 3.4 Flow Chart Sign Up Web Informasi Computer Engineering ... 25

Gambar 3.5 Flow Chart Input Informasi Dosen ... 26

Gambar 3.6 Flow Chart Informasi Mahasiswa ... 28

Gambar 4.1 Tampilan Halaman Awal Web Informasi Computer Engineering ... 34

Gambar 4.2 Tampilan Halaman Sign Up ... 35

Gambar 4.3 Tampilan Halaman Login ... 36

Gambar 4.4 Tampilan Halaman Gagal Login ... 37

Gambar 4.5 Tampilan Database user ... 38

Gambar 4.6 Tampilan Halaman Main Menu ... 39

(8)

Gambar 4.8 Tampilan Halaman Kuliah ... 41

Gambar 4.9 Tampilan Halaman Laboratorium ... 42

Gambar 4.10 Tampilan Halaman Informasi Dosen ... 43

Gambar 4.11 Tampilan Halaman Hasil Input Informasi Dosen ... 44

Gambar 4.12 Tampilan Halaman Informasi Mahasiswa ... 45

Gambar 4.13 Tampilan Halaman Isi Informasi Mahasiswa ... 46

(9)

DAFTAR TABEL

Halaman

Tabel 2.1.1 Tipe Data ... 6

Tabel 2.1.2 Contoh Variabel ... 7

Tabel 2.1.3 Operator Aritmatika ... 9

(10)

LAMPIRAN A

LISTING PROGRAM

 Index.HTM

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<title>Sistem Komputer - Home</title>

<!--

.style1 {font-family: Arial, Helvetica, sans-serif} -->

</style>

(11)

'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0, 29,0','width','723','height','148','src','images/goi','quality','high','pluginspage','http://www.macrome dia.com/go/getflashplayer','movie','images/goi' ); //end AC code

</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0 ,29,0" width="723" height="148">

pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="723" height="148"></embed>

</object></noscript> </td>

</form>

</form> </td>

(12)

<tr>

<td colspan="2" scope="row"><p><a href="Login.htm"> </a><a href="Login.htm"> </a><a href="Login.htm"> </a> Program S1 Computer Engineering dirancang untuk menghasilkan llulusan berkualifikasi tinggi yang menguasai SOFTWARE computer dan sekaligus HARDWARE computer secara UTUH. Serta berkompetensi merencakan, megidentifikasi, menganalisa, mendesain, mengembangkan, mengelola dan menawarkan solusi terbaik dalam bidang teknologi komputer untuk dunia industri dan bisnis.</p>

Sarjana Teknik di bidang komputer diperlukan di berbagai bidang pekerjaan, mulai dari perusahaan berbasis teknologi tinggi sampai jasa industri perdagangan. Lulusan ini sangat dibutuhkan karena menguasai tidak saja perangkat lunak komputer tetapi juga perangkat keras komputer, sehingga menguasai dan memahami komputer secara utuh dan lengkap.

<p align="center"><span class="style1">Visi Jurusan Sistem Komputer</span></p> <div align="justify">

<ul>

<li>Menjadi center of excellence untuk integrasi ilmu di bidang Teknologi Komputer dan Informasi yang terbaik di dalam pengajaran,penyebarluasan dan pengembangan ilmu pengetahuan di bidang Teknik Komputer praktis di akhir tahun 2020 dengan berdasarkan kasih dan keteladanan Yesus Kristus.</li>

</ul> </div>

<p align="center"><span class="style1">Misi Jurusan Sistem Komputer</span></p> <div align="justify">

<ul>

<li>Mengembangkan daya cipta dan kreativitas generasi muda di bidang Teknik Komputer dengan mengaplikasikan ilmu di bidang Komputer,Informasi,Komunikasi dan Bisnis yang secara khusus berfokus pada bidang analisis,perancangan sistem dan e-business untuk

(13)

kebutuhan masyarakat lokal,nasional,maupun global dengan berdasarkan nilai - nilai Kristiani.</li>

</ul> </div>

<p align="center" class="style1">Tujuan Jurusan Sistem Komputer </p> <div align="justify">

<ol>

<li>Menyediakan lulusan yang kompeten yang bisa mengelola dan mengembangkan

Teknik Komputer berbasis Teknologi Komputer berbasis Teknologi

Komputer,Informasi,Komunikasi dan Bisnis.</li>

<li>Mempersiapkan lulusan yang mampu menganalisis,merancang dan mengoperasikan suatu aplikasi Teknik Komputer berbasis Teknologi Komputer,Informasi,Komunikasi dan Bisnis serta mampu menganalisis masalah-masalah di dalam pelaksanaannya.</li>

<li>Membantu menjadi sumber (source) dari keahlian di bidang Teknologi Informasi,Komunikasi dan Bisnis.</li>

</ol> </div>

<p align="center" class="style1">SISTEM PENDIDIKAN SARJANA SISTEM KOMPUTER</p>

<p align="justify">Program Pendidikan Sarjana Sistem Komputer Universitas Kristen Maranatha diselenggarakan dengan menggunakan Sistem Kredit Semester (SKS) dengan pengertian dasar : </p>

(14)

<li>Sistem Kredit Semester adalah suatu sistem penyelenggaraan pendiikan dengan menggunakan Satuan Kredit Semester (SKS) untuk menyatakan beban studi mahasiswa,beban tugas dosen,pengalaman belajar dan beban penyelenggaraan program.</li>

<li>Kredit adalah satuan yang digunakan untuk menyatakan besarnya beban studi mahasiswa,beban kerja dan beban penyelenggara program pendidikan,Dalam satuan waktu tertentu,serta besarnya pengakuan atas keberhasilan pelaksanaan beban itu.</li>

<li>Semester adalah satuan waktu kegiatan yang terdiri atas 16 sampai 19 minggu perkuliahan atau kegiatan terjadwal lainnya,berikut kegiatan iringannya termasuk 4 minggu kegiatan penilaian.</li>

</ol>

<p>Satuan Kredit Semester (SKS)</p>

<p>Satuan Kredit Semester selanjutnya disingkat (SKS) dengan takaran penghargaan terhadap pengalaman belajar perminggu sebanyak 1 jam perkuliahan atau 2 jam praktikum, atau 4 jam kerja lapangan yang masing-masing diiringi oleh sekitar 1-2 jam kegiatan terstruktur dan sekitar 1-2 jam kegiatan mandiri.</p>

<p>Beban satu satuan kredit semester (1 SKS) untuk perkuliahan ditentukan berdasar atas beban kegiatan yang meliputi 3(tiga) macam kegiatan per minggu/semester sebagai berikut:</p> <ol>

<li> 50 menit tatap muka terjadwal dengan dosen.</li>

<li> 60 menit acara kegiatan akademik terstruktur, yaitu kegiatan studi yang tidak terjadwal tetapi direncanakan oleh tenaga edukatif (tutorial,respponsi dan lain-lain).</li>

<li> 60 menit kegiatan akademik mandiri yaitu kegiatan yang harus dilakukan mahasiswa secara mandiri untuk mendalami,mempersiapkan atau tujuan lain suatu tugas akademik termasuk membaca buku referensi /buku-buku kepustakaan.</li>

(15)

<p>Nilai satu SKS kegiatan penelitian,penulisan skripsi dan sejenisnya setara dengan kegiatan yang diselenggarakan tiga sampai empat jam tiap minggu selama satu semester. </p> <p> </p>

<li><a href="Sat.maranatha.edu">S.A.T</a></li> <li><a href="Cemaranatha.org">CeMaranatha</a></li> <li><a href="www.google.com">Google</a></li> <li><a href="www.yahoo.com">Yahoo</a></li> <li><a href="www.kaskus.us">Kaskus</a></li>

<li><a href="www.detik.com">Detik dot Com</a></li> <li><a href="www.okezone.com">Oke Zone</a></li> <li><a href="www.Kompas.com">Kompas</a></li>

<li><a href="www.Indowebster.com">Indowebster</a></li> </ul>

(16)

</table> </body> </html>

(17)

 Login.HTM

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<title>Sistem Komputer - Login</title>

<tr>

<td>PASSWORD</td>

<tr>

<td>STATUS</th> <td>

(18)

<input type="radio" name="rgStatus" value="mahasiswa"> Mahasiswa</label>

<input name="rgStatus" type="radio" value="dosen"> Dosen</label>

</tr> </table>

</body> </html>

(19)

 LoginSelect.PHP <?php

$username1 =$_POST['txtUserLogin'];

$password1 =$_POST['txtPasswordLogin'];

$status1 =$_POST['rgStatus'];

$connect=mysql_connect("localhost", "root", "") or die ("pleace check your server connection!"); mysql_select_db("sistemkomputer");

$select = "SELECT username, password, status from user where username='$username1' and password='$password1'";

if (empty($username1) or empty($password1) or empty($status1)){ echo "silakan isi username, password dan status anda!"; include "login.htm";

}

else {

$result = mysql_query($select); $row=mysql_fetch_array($result); extract($row);

if ( ($username1!=$username) and ($password1!=$password) and ($status1!=$status) ){

(20)

include "login.htm"; echo "anda gagal login"; }

else if( ($username1==$username) and ($password1==$password) and ($status1==$status) ) {

if($status1=='mahasiswa') {

include "MainMenu.htm"; echo "Anda Berhasil Login"; }

else if($status1=='dosen') {

include "MainMenu2.htm"; echo "Anda Berhasil Login"; }

}

} ?>

(21)



Sign Up.HTM

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<title>Untitled Document</title>

</tr> <tr>

<th height="39" scope="col"><div align="center">PASSWORD</div></th>

(22)

<tr>

</tr> <tr>

</tr> <tr>

</tr> <tr>

<th scope="row"><div align="center">BIODATA</div></th> <td><div align="center">

(23)

<tr>

<th height="50" scope="row"><div align="center">ANGKATAN</div></th> <td><div align="center">

</tr> <tr>

<th height="58" scope="row"><div align="center">STATUS</div></th> <td> <p align="left">

<label>

<input type="radio" name="rgStatusSignUp" value="mahasiswa"> Mahasiswa</label>

<input type="radio" name="rgStatusSignUp" value="dosen"> Dosen</label>

</tr> </table>

(24)

</body> </html>



Sign Up Insert.PHP

<?php

$username =$_POST['txtUserSignUp'];

$password =$_POST['txtPasswordSignUp'];

$nama =$_POST['txtNamaSignUp'];

$nrp_nik =$_POST['txtNRPSignUp'];

$email =$_POST['txtemailsignup'];

$bio =$_POST['textfield'];

$angkatan =$_POST['txtAngkatanSignUp'];

$status =$_POST['rgStatusSignUp'];

$connect=mysql_connect("localhost", "root", "") or die ("pleace check your server connection!"); mysql_select_db("sistemkomputer");

if ( empty($username) or empty($password) or empty($nama) or empty($nrp_nik) or empty($bio) ){

echo "Data harus lengkap!";

echo "<a href=signup.htm>Kembali</a>"; }

(25)

else{

$query = "INSERT INTO user (username,password,nama,nrp,email,bio,angkatan,status) VALUES ('$username', '$password', '$nama', '$nrp_nik', '$email', '$bio', '$angkatan', '$status')";

$result=mysql_query($query) or die(mysql_error());

include "index.htm";

echo "ID Telah berhasil terdaftar, silakan login"; }

(26)



Dosen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<title>Sistem Komputer - Dosen</title>

<!--

.style3 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; } .style6 {

font-size: xx-large;

font-family: Verdana, Arial, Helvetica, sans-serif; }

.style8 {

font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-large;

} -->

</style></head>

(27)

<th height="99" colspan="2" align="center" bordercolor="#0033FF" bgcolor="#6699FF"><p class="style6"><u>Computer Engineering</u> </p>

<p class="style6"><span class="style8"><sup> All About Computer </sup></span></p></th>

</tr>

(28)

<p><span class="style3">Semuil Tjiharjadi ST.MM.MT</span></p> <ul>

<li>

<div align="justify">Merupakan pribadi yang penuh semangat serta berdedikasi tinggi dalam bidang pendidikan dan pelatihan di Indonesia.Ia adalah lulusan terbaik dari Universitas Katolik Parahyangan (UNPAR) Bandung tahun 1998 dengan predikan cum laude dan IPK tertinggi 4 di program Magister Manajemen dengan konsentrasi di bidang Pemasaran.Ternyata pencapaian prestasi itulah yang mengawali langkahnya di bidang manajemen.Bekerja sebagai Agenci Manager di New York Life dan Sequslife(2003),Presiden Maranatha Toastmaster Club(2005),serta menjabat Ketua Jurusan Computer Engineering di Universitas Kristen Maranatha (2006), hanyalah sebagian dari kiprahnya di bidang manajemen.</div>

</li> <li>

<div align="justify">Lulusan Magister Teknik di bidang Teknik Komputer Institut Teknologi Bandung (2003) ini ternyata memiliki kompetensi yang kuat di bidang pelatiahan dan pembelajaran, baik di bidang Teknologi Komputer serta di bidang Manajemen.</div>

</li> </ul>

<p><span class="style3">Marvin Candra Wijaya </span></p> </td> </tr>

</table> </body> </html>

(29)



Kuliah.HTM

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<title>Sistem Komputer - Kuliah</title>

<!--

.style5 {font-size: larger} .style6 {font-size: xx-large;

font-family: Verdana, Arial, Helvetica, sans-serif; }

.style8 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-large;

} -->

</style></head>

<td height="134" colspan="2" align="center" bgcolor="#6699FF"><p class="style6"><u>Computer Engineering</u> </p>

(30)

</tr> <tr>

</td>

<td width="658" rowspan="7" align="center" valign="top"><p><strong>STRUKTUR KURIKULUM </strong></p>

(31)

<td width="324" height="31"><div align="center"><strong>KELOMPOK MATA KULIAH </strong></div></td>

<tr>

<td height="33"><div align="center">Mata Kuliah Pengembangan Kepribadian (MPK) </div></td>

<tr>

<td height="33"><div align="center">Mata Kuliah Keilmuan dan Keterampilan (MKK) </div></td>

<tr>

<td height="32"><div align="center">Mata Kuliah Keahlian Berkarya (MKB) </div></td>

<tr>

<td height="37"><div align="center">Mata Kuliah Perilaku Berkarya (MPB) </div></td> <td><div align="center">66</div></td>

</tr> <tr>

<td height="35"><div align="center">Mata Kuliah Berkehifupan Bermasyarakat (MBB) </div></td>

(32)

<tr>

<td height="45"><div align="center"><strong>Total</strong></div></td> <td><div align="center"><strong>144</strong></div></td>

</tr> </table>

<p align="center" class="style5"><strong>PERENCANAAN STUDI</strong></p> <p align="center" class="style5">Semester 1 (Paket) </p>

<td width="79"><div align="center"><strong>Kode MK </strong></div></td> <td width="189"><div align="center"><strong>Mata Kuliah </strong></div></td> <td width="39"><div align="center"><strong>SKS</strong></div></td>

<td width="72"><div align="center"><strong>Klasifikasi</strong></div></td> <td width="107"><div align="center"><strong>Prasyarat</strong></div></td> </tr>

<tr>

<td><div align="center">Pendidikan Kewarganegaraan</div></td> <td><div align="center">2</div></td>

(33)

<tr>

<td><div align="center">Logika</div></td> <td><div align="center">2</div></td> <td><div align="center">MKK</div></td> <td><div align="center"></div></td> </tr>

<tr>

<td><div align="center">Bahasa Indonesia </div></td> <td><div align="center">2</div></td>

<tr>

<td><div align="center">Phenomenologi Agama </div></td> <td><div align="center">2</div></td>

(34)

<tr>

<td><div align="center">Pengantar Teknologi Komputer </div></td> <td><div align="center">3</div></td>

<tr>

<td><div align="center">Fisika 1 (+Praktikum)</div></td> <td><div align="center">2</div></td>

<tr>

<td><div align="center">Kalkulus 1 </div></td> <td><div align="center">3</div></td>

<tr>

(35)

<td><div align="center">Dasar Sistem Komunikasi</div></td> <td><div align="center">2</div></td>

<tr>

<td><div align="center">Strategi Belajar </div></td> <td><div align="center">3</div></td>

<tr>

<div align="center"><strong>JUMLAH</strong></div></td> <td><div align="center"><strong>21</strong></div></td> <td colspan="2"><div align="center"></div>

</table> </div>

<p align="center"><span class="style5">Semester 2 (Paket) </span></p> <div align="center">

(36)

<td width="82"><div align="center"><strong>Kode MK </strong></div></td> <td width="180"><div align="center"><strong>Mata Kuliah </strong></div></td> <td width="36"><div align="center"><strong>SKS</strong></div></td>

<td width="79"><div align="center"><strong>Klasifikasi</strong></div></td> <td width="113"><div align="center"><strong>Prasyarat</strong></div></td> </tr>

<tr>

<td><div align="center">Kepemimpinan</div></td> <td><div align="center">2</div></td>

<tr>

<td><div align="center">Teknik Digital (+Praktikum) </div></td> <td><div align="center">2</div></td>

(37)

<td><div align="center">Dasar Komputer dan Pemograman</div></td> <td><div align="center">3</div></td>

<tr>

<td><div align="center">Fisika 2 </div></td> <td><div align="center">2</div></td> <td><div align="center">MKK</div></td> <td><div align="center"></div></td> </tr>

<tr>

<td><div align="center">Probabilitas dan Statistika </div></td> <td><div align="center">3</div></td>

<tr>

(38)

<td><div align="center">Kalkulus 2 </div></td> <td><div align="center">3</div></td>

<tr>

<td><div align="center">Rekayasa Perangkat Lunak </div></td> <td><div align="center">2</div></td>

<tr>

<td><div align="center">Rangkaian Listrik (+Praktikum) </div></td> <td><div align="center">3</div></td>

<tr>

(39)

<div align="center"><strong>JUMLAH</strong></div></td> <td><div align="center"></div>

</table> </div>

<p align="center"><span class="style5">Semester 3</span></p> <div align="center">

<td width="75"><div align="center"><strong>Kode MK </strong></div></td> <td width="160"><div align="center"><strong>Mata Kuliah </strong></div></td> <td width="36"><div align="center"><strong>SKS</strong></div></td>

<td width="75"><div align="center"><strong>Klasifikasi</strong></div></td> <td width="138"><div align="center"><strong>Prasyarat</strong></div></td> </tr>

<tr>

(40)

<td><div align="center">TK116 Rangkaian Listrik </div></td> </tr>

<tr>

<td><div align="center">Matematika Diskrit</div></td> <td><div align="center">3</div></td>

<tr>

<td><div align="center">Arsitektur Komputer </div></td> <td><div align="center">3</div></td>

<tr>

<td><div align="center">Sistem Komputer (+Praktikum) </div></td> <td><div align="center">3</div></td>

(41)

<td><div align="center">TK102 Teknik Digital </div></td> </tr>

<tr>

<td><div align="center">Movie Authoring</div></td> <td><div align="center">3</div></td>

<tr>

<td><div align="center">Bahasa Inggris </div></td> <td><div align="center">2</div></td>

<tr>

<td><div align="center">Manajemen</div></td> <td><div align="center">2</div></td>

(42)

<tr>

<td><div align="center">Pengolahan Digital</div></td> <td><div align="center">3</div></td>

<tr>

<td colspan="3"><div align="center"><strong>JUMLAH</strong></div></td> <td><div align="center"><strong>21</strong></div></td>

</tr> </table> </div>

<p align="center"><span class="style5">Semester 4</span></p> <div align="center">

<td width="76"><div align="center"><strong>Kode MK </strong></div></td> <td width="156"><div align="center"><strong>Mata Kuliah </strong></div></td> <td width="37"><div align="center"><strong>SKS</strong></div></td>

<td width="83"><div align="center"><strong>Klasifikasi</strong></div></td> <td width="140"><div align="center"><strong>Prasyarat</strong></div></td>

(43)

</tr> <tr>

<td><div align="center">Metodologi Penelitian </div></td> <td><div align="center">2</div></td>

<tr>

<td><div align="center">Pemasaran</div></td> <td><div align="center">2</div></td>

<tr>

<td><div align="center">Dasar Sistem Kendali </div></td> <td><div align="center">3</div></td>

(44)

<td><div align="center">Jaringan Komputer dan Internet (+Praktikum) </div></td> <td><div align="center">3</div></td>

<tr>

<td><div align="center">Pemograman Game </div></td> <td><div align="center">3</div></td>

<tr>

<td><div align="center">Algoritma dan Struktur Data </div></td> <td><div align="center">3</div></td>

<td><div align="center">TK114 Rekayasa Perangkat Lunak </div></td> </tr>

<tr>

(45)

<td><div align="center">Sistem Embedded</div></td> <td><div align="center">3</div></td>

<td><div align="center">TK209 Sistem Mikroprosesor </div></td> </tr>

<tr>

<td><div align="center">Pemograman Animasi </div></td> <td><div align="center">3</div></td>

<tr>

<td colspan="3"><div align="center"><strong>JUMLAH</strong></div></td> <td><div align="center"><strong>22</strong></div></td>

</table> </div>

<p align="center"><span class="style5">Semester V </span></p> <div align="center">

(46)

<td width="77"><div align="center"><strong>Kode MK </strong></div></td> <td width="143"><div align="center"><strong>Mata Kuliah </strong></div></td> <td width="36"><div align="center"><strong>SKS</strong></div></td>

<td width="85"><div align="center"><strong>Klasifikasi</strong></div></td> <td width="139"><div align="center"><strong>Prasyarat</strong></div></td> </tr>

<tr>

<td><div align="center">Pendidikan Pancasila </div></td> <td><div align="center">2</div></td>

<tr>

<td><div align="center">Penguat Operasional (+Praktikum) </div></td> <td><div align="center">2</div></td>

<td><div align="center">TK116 Rangkaian Listrik </div></td> </tr>

<tr>

(47)

<tr>

<td><div align="center">Antar Muka & Peripheral </div></td> <td><div align="center">2</div></td>

<td><div align="center">TK209 Sistem Mikroprosesor</div></td> </tr>

<tr>

<td><div align="center">Kapita Selekta </div></td> <td><div align="center">2</div></td>

<tr>

<td><div align="center">Sistem Waktu Nyata</div></td> <td><div align="center">2</div></td>

(48)

<tr>

<td><div align="center">Pemograman Web </div></td> <td><div align="center">3</div></td>

<tr>

<td><div align="center">Pengukuran Listrik & Instrumentasi </div></td> <td><div align="center">3</div></td>

<tr>

<td colspan="3"><div align="center"><strong>JUMLAH</strong></div></td> <td><div align="center"><strong>18</strong></div></td>

</table> </div>

(49)

<p align="center"><span class="style5">Semester VI</span></p> <div align="center">

<td width="33"><div align="center"><strong>NO</strong></div></td> <td width="80"><div align="center"><strong>Kode MK</strong></div></td> <td width="157"><div align="center"><strong>Mata Kuliah </strong></div></td> <td width="55"><div align="center"><strong>SKS</strong></div></td>

<td width="76"><div align="center"><strong>Klasifikasi</strong></div></td> <td width="129"><div align="center"><strong>Prasyarat</strong></div></td> </tr>

<tr>

<td><div align="center">Etika</div></td> <td><div align="center">2</div></td> <td><div align="center">MPK</div></td> <td><div align="center"></div></td> </tr>

<tr>

<td><div align="center">Keterampilan Profesional </div></td> <td><div align="center">3</div></td>

(50)

</tr> <tr>

<td><div align="center">Sistem Komunikasi Bergerak </div></td> <td><div align="center">3</div></td>

<tr>

<td><div align="center">Mekatronika & Robotik (+Praktikum) </div></td> <td><div align="center">3</div></td>

<td><div align="center">TK301 Penguat Operasional </div></td> </tr>

<tr>

<td><div align="center">Keamanan Sistem Informasi </div></td> <td><div align="center">3</div></td>

(51)

<td><div align="center">Kerja Praktek </div></td> <td><div align="center">2</div></td>

<tr>

<td><div align="center">Sistem Operasi </div></td> <td><div align="center">3</div></td>

<tr>

<td colspan="3"><div align="center"><strong>JUMLAH</strong></div></td> <td><div align="center"><strong>19</strong></div></td>

</table> </div>

<p align="center"><span class="style5">Semester VII</span></p> <div align="center">

(52)

<td width="29"><div align="center"><strong>N o </strong></div></td> <td width="61"><div align="center"><strong>Kode MK </strong></div></td> <td width="160"><div align="center"><strong>Mata Kuliah </strong></div></td> <td width="39"><div align="center"><strong>SKS</strong></div></td>

<td width="72"><div align="center"><strong>Klasifikasi</strong></div></td> <td width="150"><div align="center"><strong>Prasyarat</strong></div></td> </tr>

<tr>

<td><div align="center">Pengantar Kecerdasan Buatan </div></td> <td><div align="center">3</div></td>

<tr>

<td><div align="center">Pemograman Multimedia </div></td> <td><div align="center">3</div></td>

<td><div align="center">TK114 Rekayasa Perangkat Lunak </div></td> </tr>

(53)

<td><div align="center">(MK Pilihan) </div></td> <td><div align="center">6</div></td>

<tr>

<td colspan="3"><div align="center"><strong>JUMLAH</strong></div></td> <td><div align="center"><strong>12</strong></div></td>

</table> </div>

<p align="center"><span class="style5">Semester VIII</span></p> <div align="center">

<td width="81"><div align="center"><strong>Kode MK </strong></div></td> <td width="171"><div align="center"><strong>Mata Kuliah </strong></div></td> <td width="47"><div align="center"><strong>SKS</strong></div></td>

<td width="81"><div align="center"><strong>Klasifikasi</strong></div></td> <td width="105"><div align="center"><strong>Prasyarat</strong></div></td>

(54)

</tr> <tr>

<td><div align="center">Tugas Akhir </div></td> <td><div align="center">4</div></td>

<td><div align="center">TK322 Kerja Praktek (C) </div></td> </tr>

<tr>

<td><div align="center">(MK Pilihan) </div></td> <td><div align="center">6</div></td>

<tr>

<td colspan="3"><div align="center"><strong>JUMLAH</strong></div></td> <td><div align="center"><strong>10</strong></div></td>

</table> </div></td> </tr>

(55)

</table> </body> </html>



Laboratorium.HTM

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<title>Sistem Komputer - Laboratorium</title>

<!--

.style6 {font-size: xx-large;

font-family: Verdana, Arial, Helvetica, sans-serif; }

.style8 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-large;

} --> </style> </head>

(56)

<tr>

<td colspan="2" align="center" bgcolor="#6699FF"><p class="style6"><u>Computer Engineering</u> </p>

<p class="style6"><span class="style8"><sup> All About Computer </sup></span></p></td> </tr>

<tr>

(57)

<p align="center"><span class="style3">Sarana Penunjang</span></p> <div align="justify">

<ul>

<li>Perpustakaan Terpusat</li>

<li>Perpustakaan Digital ( Digital Library)</li>

<li>Kurikulum dirancang dengan standar kebutuhan dunia industri</li> <li>Laboratorium Teknik Digital dan ROBOTICS</li>

<li>Laboratorium Komputer Multimedia modern dengan jaringan wireless (minimum prosessor P4 core 2 Duo)</li>

<li>Laboratorium Sistem Embeded dan Mikroprosesor</li>

<li>Laboratorium Keamanan dan Hacking Server serta Jaringan</li> <li>Koneksi internet dan jaringan Hotspot</li>

<li>Infrastruktur jaringan serat optik dan wireless</li> <li>Kuliah berbasis multimedia</li>

<li>Kuliah On Labs</li>

<li>Kuliah Pengebangan pribadi dan profesional</li> <li>Kafetarian dilengkapi Hotspot gratis</li>

<li>Tenaga Pengajar Berkualitas (S2&S3)</li> <li>Free Test TOEFL Institusional</li>

</ul> </div></td> </tr>

</table> </body> </html>

(58)



Informasi2.PHP atau Informasi Dosen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<title>Sistem Komputer - Informasi</title>

<!--

.style6 {font-size: xx-large;

font-family: Verdana, Arial, Helvetica, sans-serif; }

.style8 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-large;

} --> </style> </head>

<td height="165" colspan="2" align="center" bgcolor="#6699FF"><p class="style6"><u>Computer Engineering</u> </p>

(59)

</tr> <tr>

</td>

(60)

<td>Judul Berita:</td>

<tr>

<td>Isi Berita:</td>

<tr>

<td>Pengirim:</td>

<tr>

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

<?php

$connect=mysql_connect("localhost", "root", "") or die ("pleace check your server connection!"); mysql_select_db("sistemkomputer");

$select = "SELECT * FROM berita ORDER BY kode_berita"; $result = mysql_query($select) or die(mysql_error());

(1)

A-104

<li>Tenaga Pengajar Berkualitas (S2&S3)</li>

<li>Free Test TOEFL Institusional</li>

</ul>

<p> </p> </td>

</tr>

</table>

</body>

</html>

(2)

1

Universitas Kristen Maranatha BAB I

PENDAHULUAN

1.1 Latar Belakang

Di era globalisasi sekarang ini, pemanfaatan website dan internet telah memasyarakat di

setiap bidang kehidupan manusia. Website adalah sebuah kumpulan file yang terletak pada

sebuah komputer yang terhubung ke Internet. Mengakses website sebenarnya hanya terhubung pada sebuah komputer dan komputer (yang kemudian disebut sebagai Server) tersebut memberikan file yang ingin diakses. Website atau situs juga dapat diartikan sebagai kumpulan halaman yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait, masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink). Website juga sebagai alat pendukung promosi, melalui website, institusi pendidikan dapat mempublikasikan profil lembaganya dan dosen dapat

memberikan informasi lain yang dibutuhkan oleh mahasiswa. Termasuk institusi pendidikan

yang kini hampir seluruhnya telah mempunyai fasilitas internet dan website sebagai bentuk pelayanan informasi kepada mahasiswa, dosen dan masyarakat umum. Hal ini dapat memberikan kemudahan bagi mahasiswa atau masyarakat dalam mendapatkan informasi secara update. Oleh karena itu website informasi Computer Engineering dirancang dan direalisasikan.

(3)

2

Universitas Kristen Maranatha 1.2 Identifikasi Masalah

Berdasarkan latar belakang yang telah diuraikan maka identifikasi masalah yang menjadi pokok pembahasan:

• Bagaimana cara membuat website informasi Computer Engineering ?

1.3 Tujuan

Tujuan tugas akhir ini adalah :

• Merancang dan merealisasikan website informasi Computer Engineering.

1.4 Pembatasan Masalah

 Proyek ini menggunakan program Php dan Macromedia Dreamweaver dan Flash MX.

 Pembuatan database menggunakan MySQL.

 Pengujian website dilakukan secara off line atau intranet.

(4)

3

Universitas Kristen Maranatha 1.5 Sistematika Penulisan

BAB I : Pendahuluan

Berisikan tentang latar belakang, identifikasi masalah, tujuan laporan, dan pembatasan masalah

BAB II : Landasan Teori

Berisikan tentang teori – teori topik Tugas Akhir.

BAB III : Perancangan dan Pemodelan

Berisikan tentang Flow Chart website informasi Computer Engineering.

BAB IV : Pengujian dan Data Pengamatan

Berisikan tentang hasil perancangan dan data – data pengamatan.

BAB V : Kesimpulan dan Saran.

(5)

48

Universitas Kristen Maranatha BAB V

KESIMPULAN DAN SARAN

5.1 Kesimpulan

 Website informasi Computer Engineering telah berhasil dirancang dan direalisasikan.

 Hasil masukan informasi dan pengguna tersimpan dalam database pada program XAMPP.

 Berdasarkan percobaan dosen dapat memberi informasi berupa teks dan informasi tersebut

terlihat pada halaman mahasiswa.

5.2 Saran

(6)

49

Universitas Kristen Maranatha DAFTAR PUSTAKA

1. http://www.slideshare.net/achmatim/pengenalan-macromedia-dreamweaver, 10 Juli 2010.

2. http://yosike-1706.blogspot.com/2009/12/cara-mengamankan-web-dengan-htaccess.html, 2 february 2011.

3. Nugroho, Bunafit. Membuat Website Sendiri dengan PHP-MySQL. Penerbit mediakita, Jakarta,

2009.

4. Nugroho, Bunafit. Latihan Membuat Aplikasi Web PHP dan MySQL dengan Dreamweaver MX

[6, 7, 2004] dan 8. Penerbit GAVA MEDIA, Yogyakarta, 2008.

5. Hadi, Mulya. Dreamweaver CS4 untuk Orang Awam. Penerbit Maxikom, Palembang, 2009.