STT IBNUSINA BATAM

Sekolah Tinggi Teknik Ibnu Sina Batam adalah sebuah Sekolah Tinggi Teknik di Batam, Indonesia yang beralamat di jalan Teuku Umar Lubuk Baja, Batam. Sekolah ini dikelola oleh Yayasan Pendidikan Ibnu Sina (YAPIS) Batam.
Sejarah berdirinya Yayasan Pendidikan Ibnu Sina Batam berdiri sejak tanggal 27 Rajab 1397 H. Bertepatan dengan tanggal 14 Juli 1977 dibawah Pimpinan H. Andi Ibrahim, BA. Pengurus yayasan berkonsentrasi penuh di bidang pendidikan mulai dari TK, SD, SMP, SMK hingga Perguruan Tinggi. Untuk perguruan tinggi yayasana membina 4 Sekolah Tinggi yaitu :
STAI (Sekolah Tinggi Ilmu Agama)
STIE (Sekolah Tinggi Ilmu Ekonomi)
STT (Sekolah Tinggi Teknik)
STIKES (Sekolah Tinggi Ilmu Kesehatan)
Pada tahun 2001 setelah melakukan musyawarah dengan para pengurus yayasan dan tokoh masyarakat tentang rencana pendirian Sekolah Tinggi Teknik (STT) Ibnu Sina Batam guna mempersiapkan kebutuhan akan sumber daya manusia dibidang Teknologi guna menunjang, pengembangan daerah maupun Nasional khususnya di sektor industri. Alhamdulillah pada tanggal 28 September 2001 resmi berdiri setelah mendapatkan izin penyelenggaraan dari Menteri Pendidikan Nasional dengan SK. Nomor 204/D/O/2001 dan Pengesahan Badan Hukum Yayasan dari MENHUMKAM nomor : AHU-AH.01.08-704
STT Ibnu Sina Batam saat ini sedang membina dan mengembangkan 2 Program Studi yakni :
Program Studi Teknik Informatika, Status Terakreditasi BAN-PT No.015/BAN-PT/Ak-XII/S1/IV/2009. Bidang konsentrasi : Hardware dan Networking Software Engineering Multimedia
Program Studi Teknik Industri, Status Terakreditasi BAN-PT No. 010/BAN-PT/Ak-XII/S1/V/2009. Bidang konsentrasi : Teknik dan Manajemen Perusahaan Teknik Produksi dan Pengembangan Produk Desain Sistem Kerja dan Ergonomi
Dan saat ini sedang mengajukan permohonan izin pembukaan Program Studi Teknik Perkapalan, Teknik Sipil, Teknik Mesin, dan Teknik Elektro.

Read More

MEMBUAT TABEL MENGGUNAKAN BAHASA PHP

PENGERTIANNYA:

Bahasa pemrograman PHP Adalah bahasa yang digunakan untuk membangun sebuah website.

CONTOH SKRIP:

if (($baris % 1)==5){
     echo "<tr bgcolor=#00CCFF>";
     echo"<td>INDRA PRAJA</td><td>14100128262016</td><td>082285853419</td>";
    }
{
     echo "<tr bgcolor=#00CCFF>";
   echo"<td>BAGUS TRI HARIANTO</td><td>14100128262023</td><td>082285520401</td>";
   }
   {
     echo "<tr bgcolor=#00CCFF>";
    echo"<td>ROBY ALBENT</td><td>14100128262010</td><td>085238786871</td>";
    }
    {
     echo "<tr bgcolor=#00CCFF>";
   echo"<td>RUDI ISMANTO</td><td>14100128262045</td><td>085264002284</td>";
     }
{
     echo "<tr bgcolor=#00CCFF>";
   echo"<td>DEVIE ANGGREINI</td><td>14100128262012</td><td>085765492024</td>";
      }
     {
     echo "<tr bgcolor=#00CCFF>";
   echo"<td>DESY NOVA SARI</td><td>14100128262032</td><td>085765108246</td>";
       }
       echo "<tr bgcolor=#FFFFFF>";
  ?>
  </tr>
 <?php
 }
 ?>
</table>
</body>
</html>

HASILNYA:

Read More

MEMBUAT PROGRAM BIODATA DI SIDEBAR DI LAYOUT WEB DENGAN FORMAT CSS DAN HTML

CONTOH SKRIP CSS:

#image
{
      background-image:url("Fisika.jpg");
      padding-left:100px;
      height:350px;
      }
 #header {
    background-color:#98bf21;
    color:white;
    text-align:center;
    padding:5px;
    padding-left:150px;
  }
  #nav {
     line-height:20px;
     height:500px;
     width:120px;
     float:right;
     padding:6px;
    }
    #nav1 {
    text-align:left;
     line-height:15px;
     height:500px;
     width:200px;
     float:left;
     padding:10px;
    }
   
     #section {
     width:350px;
     float:left;
     padding:10px;
    }
   
     #footer {
        background-color:#4c5f10;
        color:white;
        clear:both;
        text-align:center;
        padding:5px;
    }
   
    ul {
    list-style-type:none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    }
   
    li {
        float:left;
    }
    a:link, a:visited {
        display: block;
        width: 120px;
        font-weight: bold;
        color: #ffffff;   
        background-color:#98bf21;
        text-align: center;
        padding : 4px;
        text-decoration: none;
        text-transform: uppercase;
        }
        a:hover, a:active {
        background-color:#7A991A;
        }
    }

CONTOH SKRIP HTML:

 <!DOCTYPE html>
 <html>
 <head>
 <link rel="stylesheet" type="text/css" href="style.css">
</head>
 <body>
 <div id="image">
 </div>
 <div id="header">
 <ul>
 <li><a href="PENGLIHATAN.html">PENGLIHATAN</a></li>
 <li><a href="PERCOBAAN.html">PERCOBAAN</a></li>
 <li><a href="PENGAMATAN.html">PENGAMATAN</a></li>
 <li><a href="PENGUKURAN.html">PENGUKURAN</a></li>
 </ul>
 </div>
 <div id="nav1">
 <ul>

 <br><li> <a href="nav.html">BIODATA</a><li></br>
<p>
<left><img src="indra.jpg" width="133" height="101"></left>
</p>
 <p>
 <p>Nama        :Indra Praja</P>
 <p>TTL          :Batam, 16 oktober 1995</p>
 <p>Pekerjaan  :Mahasiswa</p>
 <p>Hobby       :Berenang</p>
 <p>Alamat      :Tanjung uma</p>
 <p>Negara      :Indonesia</p>
 <hr>  </hr>
   
 </ul>
 </div>
   
 <div id="section">
 <h1>BESARAN</h1>
 <p>
 Dalam ilmu fisika, panjang, volume, dan, suhu, adalah suatu yang dapat diukur. suatu yang dapat diukur itu disebut dengan besaran.
 Besaran berdasarkan cara memperolehnya dapat dikelompokkan menjadi 2 macam yaitu:
 1.Besaran pokok yaitu besaran yang diperoleh dari pengukuran.
 2.Besaran non fisika yaitu besaran yang diperoleh dari perhitungan.
 Ukuran dari suatu besaran ditetapkan sebagai satuan.
</p>
<p>
Arti fisika adalah ilmu pengetahuan yang mempelajari sifat dan gejala pada benda-benda dialam.
Fisika lahir dan berkembang dari:
1.Penglihatan
2.Percobaan
3.Pengamatan
4.Pengukuran
</p>
</div>
   
<div id="nav">
<ul>
<li><a href="nav.html">menu 1</a></li>
<li><a href="nav.html">menu 2</a></li>
<li><a href="nav.html">menu 3</a></li>
<li><a href="nav.html">menu 4</a></li>
</ul>
</div>

<div id="footer">
<marquee>Indrapraja529@yahoo.com</marquee>
</div>
</body>
</html>

HASILNYA:
     

  

Read More

MEMBUAT PROGRAM LAYOUT WEB DENGAN CSS DAN HTML

PENGERTIANNYA: 

CSS:
Merupakan salah satu kode pemrograman yang bertujuan untuk menghias dan mengatur gaya tampilan/layout halaman web supaya lebih elegan dan menarik.

HTML:
Adalah suatu bahasa menggunakan Tag-Tag (Simbol/tanda) tertentu yang nantinya akan di tafsirkan oleh browser.

CONTOH SKRIP CSS:

#image
{
      background-image:url("header.jpg");
      padding-left:100px;
      height:150px;
      }
 #header {
    background-color:#98bf21;
    color:white;
    text-align:center;
    padding:5px;
    padding-left:150px;
  }
  #nav {
     line-height:30px;
     background-color:#lightblue;
     height:300px;
     width:100px;
     float:left;
     padding:5px;
    }
   
     #section {
     width:350px;
     float:left;
     padding:10px;
    }
   
     #footer {
        background-color:#4c5f10;
        color:white;
        clear:both;
        text-align:center;
        padding:5px;
    }
   
    ul {
    list-style-type:none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    }
   
    li {
        float:left;
    }
    a:link, a:visited {
        display: block;
        width: 120px;
        font-weight: bold;
        color: #ffffff;   
        background-color:#98bf21;
        text-align: center;
        padding : 4px;
        text-decoration: none;
        text-transform: uppercase;
        }
        a:hover, a:active {
        background-color:#7A991A;
        }
    }

CONTOH SKRIP HTML:

 <!DOCTYPE html>
 <html>
 <head>
 <link rel="stylesheet" type="text/css" href="style.css">
</head>
   
     <body>
     <div id="image">
     </div>
     <div id="header">
     <ul>
     <li><a href="nav.html">Home</a></li>
     <li><a href="nav.html">News</a></li>
     <li><a href="nav.html">Contact</a></li>
     <li><a href="nav.html">About</a></li>
     </ul>
     </div>
   
     <div id="nav">
     <ul>
     <li><a href="nav.html">Menu1</a></li>
     <li><a href="nav.html">Menu2</a></li>
     <li><a href="nav.html">Menu3</a></li>
     <li><a href="nav.html">Menu4</a></li>
     </ul>
     </div>
   
     <div id="section">
     <h1>Besaran</h1>
     <p>
     dalam ilmu fisika, panjang, volume, dan, suhu, adalah suatu yang dapat diukur.
    </p>
    <p>
     suatu yang dapat diukur itu disebut dengan besaran.
    </p>
    </div>
   
    <div id="footer">
    Copyright
    </div>
    </body>
    </html>

HASILNYA:

    

Read More

MEMBUAT PROGRAM LAYOUT WEB DENGAN HTML

PENGERTIANNYA:

Layout dengan html, terdiri dari  5 bagian yaitu:
1. Header
Yaitu merupakan elemen yang berisi judul dan penjelasan lain dokumen. Biasanya di isi dengan logo website, menu-menu , maupun nama halaman yang sedang ditampilkan

2. Navigation
Yaitu yang memberikan akses navigasi ke halaman-halaman lain dalam web

3. Sidebar
Yaitu pendukung konten, dapat berupa pembantu navigasi konten, ataupun ber bagai hal lain seperti daftar konten lain, iklan, atau menu tambahan. Sidebar dapat berada di kiri atau kanan konten

4. Konten
Yaitu Isi utama dari dokumen web

5. Footer
Yaitu Bagian penutup dari website

CONTOH SKRIP:

<!DOCTYPEhtml>
 <html>

 <head>

 <style>
 #header {
    background-color:lightblue;
    color:green;
    text-align:center;
    padding:5px;
  }
  #nav {
     line-height:30px;
     background-color:#lightgreen;
     height:300px;
     width:100px;
     float:left;
     padding:5px;
    }
     #section {
     width:350px;
     float:left;
     padding:10px;
    }
     #footer {
        background-color:orange;
        color:white;
        clear:both;
        text-align:center;
        padding:5px;
    }
     </style>
     </head>
   
     <body>
   
     <div id="header">
     <h1>BESARAN POKOK</h1>
     </div>
   
     <div id="nav">
     Panjang<br>
     Volume<br>
     Suhu<br>
     </div>
   
     <div id="selection">
     <h1>Besaran</h1>
     <p>
     dalam ilmu fisika, panjang, volume, dan suhu, adalah suatu yang dapat diukur.
    </p>
    <p>
    suatu yang dapat diukur itu disebut dengan besaran.
    </p>
    </div>
   
    <div id="footer">
    Copyright
    </div>
    </body>
    </html>

HASILNYA:

 

   
   
   
   
   
   

Read More

MEMBUAT PROGRAM TABEL DARI HTML

PENGERTIANNYA:

Tabel dalam html digunakan untuk menampilkan data dalam bentuk baris dan kolom. Definisi tabel dalam html adalah, suatu tempat untuk menampilkan sejumlah data dan informasi yang biasanya berupa kata-kata maupun bilangan yang tersusun dengan garis pembatas berupa baris dan kolom.

CONTOH SKRIP:

<!DOCTYPE html>
<html>
<head>
  <title>Latihan html</title>
</head>

<body>
  <h1> <CENTER>SELAMAT DATANG</CENTER> </h1>   
 <CENTER>
 <table border="3">
 <tr>
 <td> <CENTER>NPM</CENTER> </td>
 <td> <CENTER>NAMA</CENTER> </td>
 <td> <CENTER>JURUSAN</CENTER> </td>
 </tr>
 <tr>
 <td>1410128262016</td>
 <td>INDRA PRAJA</td>
 <td>TEKNIK INFORMATIKA</td>
 </tr>
 <tr>
 <td>1410128262028</td>
 <td>ALBERTO PRATAMA</td>
 <td>TEKNIK INFORMATIKA</td>
 </tr>
 <tr>
 <td>1410128262036</td>
 <td>SUSI SUSANTI</td>
 <td>TEKNIK INFORMATIKA</td>
 </tr>
 <tr>
 <td>1410128262001</td>
 <td>SUHIDA</td>
 <td>TEKNIK INFORMATIKA</td>
 </tr>
 <tr>
 <td>1410128262019</td>
 <td>INDRA KURNIAWAN</td>
 <td>TEKNIK INFORMATIKA</td>
 </tr>
 <tr>
 <td>1410128262038</td>
 <td>RUDI HARTONO</td>
 <td>TEKNIK INFORMATIKA</td>
 </tr>
 <tr>
 <td>1410128262031</td>
 <td>RUDI ISMANTO</td>
 <td>TEKNIK INFORMATIKA</td>
 </tr>
 <tr>
 <td>1410128262008</td>
 <td>DESNIA KURNIATI</td>
 <td>TEKNIK INFORMATIKA</td>
 </tr>
 <tr>
 <td>1410128262139</td>
 <td>HAMDANI</td>
 <td>TEKNIK INFORMATIKA</td>
 </tr>
 <tr>
 <td>1410128262013</td>
 <td>RUDI CAHYANA SITORUS</td>
 <td>TEKNIK INFORMATIKA</td>
 </tr>
 </table>
 </CENTER>
 <p> <CENTER>INI ADALAH TUGAS HTML PERTAMA</CENTER> <br><br></p>
 <p> <CENTER> Di Buat Oleh : INDRA PRAJA <CENTER> </p>
</body>

</html>

HASILNYA:

Read More