Minggu, 24 Mei 2015

Tugas 5 berekstensi php

Setelah kita buat koding diabawah,berikan ekstensi php.dan menjalankannya menggunakan aplikasi xampp dan save folder tersebut. Lets check it out :) Contoh :

Tugas Pemrograman

Kelas IIB

"; echo "

Jurusan : Teknik informatika

"; echo "

Sekolah Tinggi Teknik Ibnu Sina Batam

"; echo ""; echo ""; echo ""; echo ""; echo "";

Sekolah Tinggi Teknik IBNU SINA BATAM

STT IBNU SINA 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

Kamis, 21 Mei 2015

Detail About me

Name : Titania Ulfa Grace 
Address: JL.Duku no.1 blok II Baloi,Batam-Indonesia
Phone: 0823-9189-0201
Email: titaniaulfa@gmail.com 
Line id: titaniaulfa
Ig: titaniaulfagrace
Path: titaniaulfa@gmail.com Twitter: @titaniaulfa
Pin: 7CB6D5E5
Pendidikan : STT IBNU SINA BATAM 

Flower Gallery tugas 4

Dalam Tahap ke 4 ini,Kita akan membuat Flowe Gallery dalam algoritma lebih lengkap dan detail
Lets check it out:)

Contoh:

#image
{
    background-image:url("0.jpg");
padding-left:100px;
height:150px;
}
#header {
    background-color:#000000;
    color:white;
    text-align:center;
    padding:5px;
padding-left:150px;
}
#nav {
    line-height:30px;
    height:730px;
    width:200px;
    float:left;
padding-top:5px;
}

#kanan {
    line-height:30px;
    height:300px;
    width:200px;
    float:right;
padding-top:5px;
}


#section {
    width:350px;
    float:left;
    padding:50px;
}
#footer {
    background-color:#000000;
    color:white;
    text-align:center;
    padding:5px;
clear:both;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

li {
    float: left;
}

a:link, a:visited {
    display: block;
    width: 200px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #0;
    text-align: center;
    padding: 4px;
    text-decoration: none;
    text-transform: uppercase;
}

a:hover, a:active {
    background-color: #0;
}


Dalam tahap diatas,inilah hasil nya :)


Flower Gallery Tugas 3

Berikut ini adalah koding dari flower Gallery tugas 3 Dalam algoritma 
Lets Check it out :)

Contoh:


#image
{
background-image:url("o.jpg");
padding-left:200px;
height:250px;
}
#header {
background-color:#000000;
color:dimgray;
text-align:center;
padding:5px;
padding-left:150px;
}
#nav {
line-height:30px;
height:250px;
width:200px;
float:left;
padding:5px;
}
#section{
width:400px;
float:left;
padding:5px;
}
#footer {
background-color:#000000;
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: #0;
text-align: center;
padding: 4px;
text-decoration: none;
text-transform: uppercase;
}

a:hover, a:active {
background-color: #7A99LA;


Kemudian hasil dari koding diatas seperti di bawah ini :)


Flower Gallery Tugas 2

Dalam tugas 2 ini kita akan membuat Flower Gallery dalam Algoritma yang menggunakan html dan css.
Lets check it out :)

Contoh:

<!DOCTYPE html>
<html>
<head>
<style>
#header {
    background-color:pink;
    color:white;
    text-align:center;
    padding:5px;
}
#nav {
    line-height:30px;
    background-color:#eeeeee;
    height:300px;
    width:100px;
    float:left;
    padding:5px; 
}
#section {
 width:350px;
    float:left;
    padding:10px; 
}
#footer {
    background-color:pink;
    color:white;
    clear:both;
    text-align:center;
    padding:5px; 
}
</style> 
</head>
________________________________________

<body>
<div id="header">
<h1>Flower Gallery</h1>
</div>

<div id="nav">
Melati<br>
Mawar<br>
Anggrek<br>
</div>

<div id="section">
<h1>Bunga</h1>
<p>
Melati merupakan tanaman bunga hias berupa perdu berbatang tegak yang hidup menahun
Di Indonesia, salah satu jenis melati dijadikan sebagai "puspa bangsa" atau simbol nasional
 yaitu melati putih (Jasminum sambac), karena bunga ini melambangkan kesucian dan kemurnian, 
 serta dikaitkan dengan berbagai tradisi dari banyak suku di negara ini.</p>
<p>
Mawar adalah suatu jenis tanaman semak dari genus Rosa sekaligus nama bunga 
yang dihasilkan tanaman ini,umumnya mawar memiliki duri berbentuk seperti pengait yang berfungsi sebagai 
pegangan sewaktu memanjat tumbuhan lain. Beberapa spesies yang tumbuh liar di tanah berpasir di daerah 
pantai seperti Rosa rugosa dan Rosa pimpinellifolia beradaptasi dengan duri lurus seperti jarum yang 
mungkin berfungsi untuk mengurangi kerusakan akibat dimakan binatang, menahan pasir yang diterbangkan 
angin dan melindungi akar dari erosi. Walaupun sudah dilindungi duri, rusa kelihatannya tidak takut dan 
sering merusak tanaman mawar. Beberapa spesies mawar mempunyai duri yang tidak berkembang dan tidak tajam.
<p>
Bunga Anggrek merupakan tumbuhan yang memiliki jenis terbanyak. Jenis jenis bunga Anggrek indah ini 
salah satunya adalah bunga anggrek bulan merupakan tanaman anggrek yang banyak disukai oleh sebagian 
besar penduduk Indonesia terutama kaum hawa
bunga atau tumbuhan Anggrek merupakan salah satu tanaman hias yang cocok dipajang baik di dalam maupun di luar 
rumah dan cocok dengan iklim di Indonesia.
</p>
</div>

<div id="footer">
Copyright © titania.com
</div>
</body>
</html>


Setelah tahap diatas,kita akan melihat hasilnya seperti dibawah ini guys :)









Mebuat Tabel beirisi Data

Ini adalah tahap dalam mebuat Tabel yang berisikan data dalam Algoritma
Lets Check it out :)

Pertama Buat Koding terlebih dahulu pada html
Contoh:

<!doctype html>
<html>
<head><title>latihan1</title>
</head>
<body>
<h1><b><i><u> TUGAS ALGORITMA II DAN PEMOGRAMAN </h1></b></i></u>
<p>  </br>
<ol> Nama :Titania Ulfa Grace </ol>
<ol> Kelas : 2B TEKNIK INFORMATIKA </ol>
<ol> NPM :1410128262051 </ol>

<body background="1.jpg"> <p style="font:bold 50px Georgia ;color:green"><table border=5 >
<tr height=1>
<td width=150 align=center valign=middle>Nomor</td>
<td width=150 align=center valign=middle>Nama</td>
<td width=150 align=center valign=middle>NPM</td>
<td width=150 align=center valign=middle>Kelas</td>
<td width=150 align=center valign=middle>Jurusan</td>
<td width=150 align=center valign=middle>Alamat</td>
</tr>
<tr height=40>
<td width=150 align=center valign=middle>01</td>
<td width=150 align=center valign=middle>Titania Ulfa Grace</td>
<td width=150 align=center valign=middle>1410128262051</td>
<td width=150 align=center valign=middle>IIB</td>
<td width=150 align=center valign=middle>STT IBNU SINA</td>
<td width=150 align=center valign=middle>Baloi</td>
</tr>
<tr height=40>
<td width=150 align=center valign=middle>02</td>
<td width=150 align=center valign=middle>Rifan</td>
<td width=150 align=center valign=middle>1410128262042</td>
<td width=150 align=center valign=middle>IIB</td>
<td width=150 align=center valign=middle>STT IBNU SINA</td>
<td width=150 align=center valign=middle>Bengkong</td>
</tr>
<tr height=40>
<td width=150 align=center valign=middle>03</td>
<td width=150 align=center valign=middle>Dhika Nurul ashari</td>
<td width=150 align=center valign=middle>1410128262043</td>
<td width=150 align=center valign=middle>IIB</td>
<td width=150 align=center valign=middle>STT IBNU SINA</td>
<td width=150 align=center valign=middle>Legenda</td>
</tr>
<tr height=40>
<td width=150 align=center valign=middle>04</td>
<td width=150 align=center valign=middle>Galuh Raka Siwa</td>
<td width=150 align=center valign=middle>1410128262044</td>
<td width=150 align=center valign=middle>IIB</td>
<td width=150 align=center valign=middle>STT IBNU SINA</td>
<td width=150 align=center valign=middle>Sengkuang</td>
</tr>
</table>


Setelah itu,kita akan mendapatkan hasil seperti dibawah ini,bisa dengan beragam variasi :)


Algoritma Dan Pemograman

Apa itu Algoritma? 


Algoritma adalah langkah-langkah yang disusun secara tertulis dan berurutan untuk menyelesaikan suatu masalah.  Sedangkan Algoritma Pemrograman adalah langkah-langkah yang ditulis secara berurutan untuk menyelesaikan masalah pemrograman komputer.

Dalam pemrograman yang sederhana, algoritma merupakan langkah pertama yang harus ditulis sebelum menuliskan program. Masalah yang dapat diselesaikan dengan pemrograman komputer adalah masalah-masalah yang berhubungan dengan perhitungan matematik.
Baiklah kita mulai untuk membuat Algoritma pemrograman yang sederhana seperti contoh di bawah ini.
Hal yang penting dikuasai dalam pemrograman adalah logika berpikir bagaimana cara memecahkan masalah pemrograman yang akan dibuat. Kadang-kadang ada masalah matematika yang sangat gampang jika diselesaikan secara tertulis, tetapi cukup sulit jika diterjemahkan ke dalam pemrograman. Jika menemukan hal seperti itu, maka algoritma dan logika pemrograman sangat penting untuk memecahkan masalah.

Sebagai gambaran, saya mengambil masalah Frekuensi data. Misalnya ada sekelompok data seperti berikut :

2    4    6    7    2    4    6    6    9    3    5    6    4

Secara tertulis, frekuensi data diperoleh dengan cara menghitung banyaknya tiap data dan menuliskan data mulai dari data yang terkecil ke terbesar dalam tabel. Kolom pertama berisi data dan kolom kedua berisi frekuensi masing-masing data.

No Npm Nama Jurusan
1 1410128262051 Titania Ulfa Grace Teknik informatika
2 1410128262050 Ismail hanafi Teknik informatika
3
1410128262049 Cici Sofrawida Teknik informatika
DataFrekuensi
22
31
43
51
64
71
91

Cukup mudah bukan? Bagaimana jika cara  mencari frekuensi di atas dibuat dalam bentuk program? Cukup sulit karena kita perlu menguasai logika pemrograman. Namun kasus ini akan saya bahasa nanti, jika tidak ada halangan. 


Contoh-1 : 

Buatlah algoritma untuk menghitung frekuensi data seperti pada contoh kasus di atas.

Algoritmanya adalah :
  • Mulai
  • Tentukan banyaknya data (n)
  • Tentukan data sebanyak N
  • Urutkan data secara Ascending (Mulai dari data kecil ke besar)
  • Hitung banyaknya data (frekuensi ) tiap data
  • Tampilkan Frekuensi data dalam bentuk tabel
  • Selesai

Contoh-2 :

Buatlah algoritma untuk menghitung nilai y dari persamaan y = 2x + 6
Algoritmanya adalah :
  • Mulai
  • Tentukan nilai x
  • Hitung nilai y = 2x + 6
  • Tuliskan/cetak Nilai x dan y
  • Selesai
Contoh-3:

Buatlah algoritma untuk menghitung nilai y dari persamaan  y =  4x2 + 8x – 2
Algoritmanya adalah :
  • Mulai
  • Tentukan nilai x
  • Hitung nilai y = 4x2 + 8x -2
  • Cetak nilai x dan y
  • Selesai
Setelah menuliskan algoritma, maka langkah selanjutnya adalah menggambarkan algoritma tersebut dalam bentuk bagan alir yang disebut flowchart. 

Flowchart

Merupakan sebuah diagram dengan simbol-simbol grafis yang menyatakan aliran algoritma atau proses yang menampilkan langkah-langkah yang disimbolkan dalam bentuk kotak, beserta urutannya dengan menghubungkan masing masing langkah tersebut menggunakan tanda panah. Diagram ini bisa memberi solusi selangkah demi selangkah untuk penyelesaian masalah yang ada di dalam proses atau algoritma tersebut


Ini adalah Simbol Dari Flowchart :
GambarSimbol untukKeterangan
G-proses.JPGProses / LangkahMenyatakan kegiatan yang akan ditampilkan dalam diagram alir.
G-keputusan.JPGTitik KeputusanProses / Langkah dimana perlu adanya keputusan atau adanya kondisi tertentu. Di titik ini selalu ada dua keluaran untuk melanjutkan aliran kondisi yang berbeda.
G-data.JPGMasukan / Keluaran DataDigunakan untuk mewakili data masuk, atau data keluar.
G-awal.JPGTerminasiMenunjukkan awal atau akhir sebuah proses.
G-panah.JPGGaris alirMenunjukkan arah aliran proses atau algoritma.
G-kontrol.JPGKontrol / InspeksiMenunjukkan proses / langkah dimana ada inspeksi atau pengontrolan.

Jenis Jenis Diagram alir:
  • Diagram Alir Dokumen, menunjukkan kontrol dari sebuah sistem aliran dokumen.
  • Diagram Alir Data, menunjukkan kontrol dari sebuah sistem aliran data.
  • Diagram Alir Sistem, menunjukkan kontrol dari sebuah sistem aliran secara fisik.
  • Diagram Alir Program, menunjukkan kontrol dari sebuah program dalam sebuah sistem.

Minggu, 17 Mei 2015

Contact Person

Name : Titania Ulfa Grace 
Address: Baloi blok II,Batam,Indonesia
Phone: 0823-9189-0201
Email: titaniaulfa@gmail.com 
Line id: titaniaulfa
Ig: titaniaulfagrace
Twitter: @titaniaulfa
Pin: 7CB6D5E5