5 Pemograman Perangkat Bergerak (Layout - LinierLayout)

Layout

Layout mendefinisikan struktur visual untuk antarmuka pengguna, seperti UI sebuah aktivitas atau widget aplikasi. Anda dapat mendeklarasikan layout dengan dua cara:

• Deklarasikan elemen UI dalam XML. Android menyediakan sebuah kosakata XML sederhana yang sesuai dengan kelas dan subkelas View, seperti halnya untuk widget dan layout.
• Buat instance elemen layout saat waktu proses. Aplikasi Anda bisa membuat objek View dan ViewGroup (dan memanipulasi propertinya) lewat program

Layout Linier

LinearLayout adalah sekelompok tampilan yang menyejajarkan semua anak dalam satu arah, secara vertikal atau horizontal. Anda bisa menetapkan arah layout dengan atribut android:orientation.

Semua anak LinearLayout akan ditumpuk satu sama lain, jadi daftar vertikal hanya akan memiliki satu anak per baris, seberapa pun lebarnya, dan daftar horizontal hanya akan setinggi satu baris (tinggi anak yang tertinggi, ditambah pengisi). LinearLayout akan mengikuti margin antara anak dan gravity (sejajar kanan, tengah, atau kiri) setiap anak.

Bobot Layout

LinearLayout juga mendukung penetapan bobot ke masing-masing anak dengan atribut android:layout_weight. Atribut ini menetapkan nilai "penting" ke sebuah tampilan dalam arti seberapa banyak ruang yang akan ditempatinya di layar. Nilai bobot yang lebih besar memungkinkannya diperluas untuk mengisi ruang yang tersisa di tampilan induk. Tampilan anak bisa menetapkan nilai bobot, kemudian ruang yang tersisa dalam kelompok tampilan diberikan ke anak dalam proporsi bobot yang dideklarasikan untuk mereka. Bobot default adalah nol.

Misalnya, jika ada tiga bidang teks dan dua di antaranya mendeklarasikan bobot 1, sementara yang lain tidak diberikan bobot, bidang teks ketiga yang tanpa bobot tidak akan membesar dan hanya akan menempati area yang diperlukan oleh materinya. Dua bidang lainnya akan diperluas secara seimbang untuk mengisi ruang yang tersisa setelah ketiga bidang diukur. Jika bidang ketiga kemudian diberikan bobot 2 (sebagai ganti 0), maka ia kini dideklarasikan lebih penting daripada kedua bidang lainnya, jadi ia mendapatkan setengah jumlah ruang yang tersisa, sedangkan dua yang pertama akan berbagi sisanya secara seimbang.

Anak yang berbobot sama

Untuk membuat layout linier di mana setiap anak menggunakan jumlah ruang yang sama di layar, setel android:layout_height setiap tampilan ke "0dp" (untuk layout vertikal) atau android:layout_width setiap tampilan ke "0dp" (untuk layout horizontal). Kemudian setel android:layout_weight setiap tampilan ke "1".

Contoh Penerapan pada Pemograman Android

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:paddingLeft="16dp"

    android:paddingRight="16dp"

    android:orientation="vertical" >

    <EditText

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:hint="@string/to" />

    <EditText

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:hint="@string/subject" />

    <EditText

        android:layout_width="match_parent"

        android:layout_height="0dp"

        android:layout_weight="1"

        android:gravity="top"

        android:hint="@string/message" />

    <Button

        android:layout_width="100dp"

        android:layout_height="wrap_content"

        android:layout_gravity="right"

        android:text="@string/send" />

</LinearLayout>

5 Pemograman Perangkat Bergerak (Layout - RelativeLayout)

Relative Layout

RelativeLayout adalah tampilan dimana user dapat menempatkan widget-widget didalamnya seperti layer, sehingga sebuah widget dapat berada di atas/di bawah widget lainnya. Layout ini biasanya berguna untuk membuat tampilan yang lebih universal sehingga dapat dibuka dengan baik di segala resolusi ponsel Android

Positioning Views

RelativeLayout lets child views specify their position relative to the parent view or to each other (specified by ID). So you can align two elements by right border, or make one below another, centered in the screen, centered left, and so on. By default, all child views are drawn at the top-left of the layout, so you must define the position of each view using the various layout properties available from RelativeLayout.LayoutParams.

Some of the many layout properties available to views in a RelativeLayout include:

android:layout_alignParentTop

If "true", makes the top edge of this view match the top edge of the parent.

android:layout_centerVertical

If "true", centers this child vertically within its parent.

android:layout_below

Positions the top edge of this view below the view specified with a resource ID.

android:layout_toRightOf

Positions the left edge of this view to the right of the view specified with a resource ID.

These are just a few examples. All layout attributes are documented at RelativeLayout.LayoutParams.

The value for each layout property is either a boolean to enable a layout position relative to the parent RelativeLayout or an ID that references another view in the layout against which the view should be positioned.

In your XML layout, dependencies against other views in the layout can be declared in any order. For example, you can declare that "view1" be positioned below "view2" even if "view2" is the last view declared in the hierarchy. The example below demonstrates such a scenario.

Contoh Penerapan dalam Pemograman Android

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:paddingLeft="16dp"

    android:paddingRight="16dp" >

    <EditText

        android:id="@+id/name"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:hint="@string/reminder" />

    <Spinner

        android:id="@+id/dates"

        android:layout_width="0dp"

        android:layout_height="wrap_content"

        android:layout_below="@id/name"

        android:layout_alignParentLeft="true"

        android:layout_toLeftOf="@+id/times" />

    <Spinner

        android:id="@id/times"

        android:layout_width="96dp"

        android:layout_height="wrap_content"

        android:layout_below="@id/name"

        android:layout_alignParentRight="true" />

    <Button

        android:layout_width="96dp"

        android:layout_height="wrap_content"

        android:layout_below="@id/times"

        android:layout_alignParentRight="true"

        android:text="@string/done" />

</RelativeLayout>

Meja Tamu | harga : Rp64.600

harga : Rp64.600
Pemesanan : BELI DISINI

Deskripsi : 

Tugas 2 Basis Data (Implementasi Basis Data INSERT UPDATE DELETE)

Buatlah sebuah halaman website sederhana yang mempunyai fungsi Menampilkan tabel dalam database, Menambahkan data pada tabel mengubah data tabel dan menghapus data tabel... 

Tampilan sederhananya seperti ini 

Penjelasan : 

Dalam kasus ini kita akan mebuat sebuah Database sekolah yang mempunyai satu tabel siswa dengan mempunyai filed(kolom) no induk, nama, kelas, nilai ulangan harian, nilai UTS dn Nilai UAS. 

Langkah selanjutnya kita buat Database  Sekolah dan tabel siswa dan memasukan beberapa data dasar ke dalam tabel siswa.. berikut tampilan langkah-langkahnyan  

Penjelasan: 

1. Cari folder mysql di folder xampp
2. Buka cmd di windows kemiduan rubah direktorinya ke folder bin di mysql untuk gambar di atas letak folder bin nya di C:\xampp2\mysql\bin
3. Setelah berubah direktorinya kita masuk ke aplikasi mysql dengan mengetikan perintah        "mysql -u root"
4. Buatlah database baru dengan nama sekolah dengan mengetikan perintah  "create database sekolah"
5. Setelah database terbuat kita masuk kedalam database tersebut dengan mengetikan perintah "use sekolah"
6. Lanjut sekarang kita buat tabel siswa 

create table siswa (

    no_induk int(5)primary key,

    nama varchar(35),

    kelas varchar(10),

    nilai_uh int(3),

    nilai_uts int(3),

    nilai_uas int(3));

okeh langsung masukan beberapa data ke dalam tabel tersebut 

INSERT INTO siswa VALUES ('00001','Andre Septian', 'XII RPL' ,'85' ,'90' ,'90');

INSERT INTO siswa VALUES ('00001','Ahmad', 'XII RPL' ,'80' ,'70' ,'70');

Tahapan pembuatan Database sudah beres... 

Oke Langsung kita akan membuat websitenya 

pertama-tama kita buat file index.php

<?php

error_reporting(0);

//membuat koneksi ke database

include "koneksi.php";

?>

 <html>

 <title> Data Siswa </title>

   <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->

    <link href="css/body.css" rel="stylesheet">

 <script language="javascript">

 function tanya() {

 if (confirm ("Apakah Anda yakin akan menghapus data ini ?")) {

 return true;

  } else {

   return false;

  }

  }

</script>

<body width='900px'>

<center>

<h1>MENAMPILKAN DATA SISWA </h1>

<hr>

  <div class="container">

        <!-- Page Heading -->

        <div class="row">

  <div class="col-md-8">

<!-- /////////////////////////////tombol untuk menambah data//////////////////////////////////-->

<form action='tambah.php' method='POST'>

<table >

 <tr>

 <center><td> <input type='submit' name='tambah' value='Tambah siswa'> </td>

 </tr>

</table>

</form>

<!-- ///////////////////////////// Script untuk membuat tabel///////////////////////////////// -->

<table  border='1' Width='600' > 

<tr>

 <th> No Induk </th>

 <th> Nama </th>

 <th> Kelas </th>

 <th> Nilai UH </th>

 <th> Nilai UTS </th>

 <th> Nilai UAS </th>

 <th colspan='2'> Action </th>

</tr>

<?php 

// Perintah untuk menampilkan data

$queri="Select * From siswa" ;  //menampikan SEMUA data dari tabel siswa

$hasil=MySQL_query ($queri);    //fungsi untuk SQL

// perintah untuk membaca dan mengambil data dalam bentuk array

while ($data = mysql_fetch_array ($hasil)){

$no_induk = $data['no_induk'];

 echo " 

  <tr>

   <td>".$data['no_induk']."</td>

  <td>".$data['nama']."</td>

  <td>".$data['kelas']."</td>

  <td>".$data['nilai_uh']."</td>

  <td>".$data['nilai_uts']."</td>

  <td>".$data['nilai_uas']."</td>

 

  <td> <form action = 'edit.php' method = 'GET'>

  <input type = 'submit' name = 'tombol' value = 'Edit' class = 'edit'>"; //style='background: linear-gradient(to bottom, #0088CC, #0044CC); border: 1px solid #0088CC; color: #FFF; margin: 4px 10px; padding: 5px; width: 50px; height: 30px;'>     style='background: linear-gradient(to bottom, #0088CC, #0044CC); border: 1px solid #0088CC; color: #FFF; margin: 4px 10px; padding: 5px; width: 50px; height: 30px;'>

echo " <input type = 'hidden' name = 'no_induk' value = '".$data['no_induk']."'>

 

 

  </form></td>

 

 

  <td> <form action = 'delete.php' method = 'GET'>

  <input type = 'hidden' name = 'nama' value = '".$data['nama']."'>

  <input type = 'hidden' name = 'no_induk' value = '".$data['no_induk']."'>

 

  <input type = 'submit' name = 'tombol2' value = 'Delete' class = 'delete'

  onclick='return tanya(". $data['no_induk'].")'>

 

  </form></td>

 

  </tr>

  ";

 $i++;

}

?>

</table>

</div>

<div class="col-md-4">

</div>

</div>

<!-- row -->

<div class="row">

<div class="col-md-12">

</div>

</div>

</body>

</html>

Oke Simpan Kode di atas dengan nama index.php

Langkah ke 2 buat file koneksi.php

<?php

error_reporting(0);

  $host = 'localhost';

  $user = 'root';      

  $password = '';      

  $database = 'sekolah';  

  $konek_db = mysql_connect($host, $user, $password); 

  $find_db = mysql_select_db($database) ;

?>  

Langkah ke 3 nntuk fungsi insert buat file tambah.php

<?php

include "koneksi.php";

?>

<html>

<head>

 <title> Input Nilai Baru </title>

 <link href ="css_submit.css" rel="stylesheet" type="text/css">

</head>

<body style = 'margin : 20px; font : 16px arial;'>

 <center>

 <p> Input Nilai Baru</p>

 <form method = 'POST' action = 'aksi_tambah.php'>

 <table border = '1' cellspacing = '1' cellpadding = '10'

 style = 'border : #aaa; color: #101; font-family : arial; fot-size : 12px;'>

 <tr>

  <td> No Induk </td>

  <td  align = 'center'> : </td>

  <td> <input type = 'text'  name = 'no_induk' /> </td>

  </tr>

 <tr>

  <td> Nama </td>

  <td align = 'center'> : </td>

  <td> <input type = 'text'  name = 'nama' /> </td>

  </tr>

 <tr>

  <td> Kelas </td>

  <td align = 'center'> : </td>

  <td> <input type = 'text' name = 'kelas' /> </td>

  </tr>

  <tr>

  <td> Nilai UH </td>

  <td align = 'center'> : </td>

  <td> <input type = 'text'  name = 'nilai_uh' /> </td>

  </tr>

   <tr>

  <td> Nilai UTS </td>

  <td align = 'center'> : </td>

  <td> <input type = 'text'  name = 'nilai_uts' /> </td>

  </tr>

   <tr>

  <td> Nilai UAS </td>

  <td align = 'center'> : </td>

  <td> <input type = 'text'  name = 'nilai_uas' /> </td>

  </tr>

 <tr>

 <td colspan = '3' align = 'center'>

 <input type = 'submit' name = 'submit' value = 'Submit'/>

 <input type = 'reset' name = 'Reset' value = 'Reset' /> </td>

 </tr>

</table>

<a href = 'index.php'> Kembali </a>

</form>

</body>

</html>  

Langkah 4 buat action insert data kedalam tabel dengan buat file  aksi_tambah.php

<?php

error_reporting(E_ALL^ E_NOTICE);

include "koneksi.php";

// file submit.php

// menangkap data yang dikirimkan dari file tambah.php mwnggunakan method = POST

$no_induk = $_POST['no_induk'];

$nama = $_POST['nama'];

$kelas = $_POST['kelas'];

$nilai_uh = $_POST['nilai_uh'];

$nilai_uts = $_POST['nilai_uts'];

$nilai_uas = $_POST['nilai_uas'];

// perintah SQL

$query="INSERT INTO siswa VALUES ('$no_induk', '$nama', '$kelas', '$nilai_uh', '$nilai_uts', '$nilai_uas');";

$hasil=mysql_query($query);

if ($hasil){

//header ('location:view.php');

echo " <center> <b> <font color = 'red' size = '4'> <p> Data Berhasil disimpan </p> </center> </b> </font> <br/>

 <meta http-equiv='refresh' content='2; url= index.php'/>  ";

} else { echo "Data gagal disimpan

 <meta http-equiv='refresh' content='2; url= tambah.php'/> ";

}

?>

Halaman Tambah Data (Insert data kepada tabel)

Langkah ke 5 membuat fitur edit buat file baru dengan nama edit.php 

<?php

include "koneksi.php";

// membaca informasi yang dikirim dari file view.php pada address bar

$no_induk = $_GET['no_induk'];

// Perintah sql untuk menampilkan database

$queri = "select * from siswa where no_induk = '$no_induk'";

// perintah untuk menjalankan sql

$hasil = mysql_query($queri);

// menjadikan data dalam bentuk array

$data  = mysql_fetch_array($hasil);

$no_induk = $data['no_induk'];

$nama = $data['nama'];

$kelas = $data['kelas'];

$nilai_uh = $data['nilai_uh'];

$nilai_uts = $data['nilai_uts'];

$nilai_uas = $data['nilai_uas'];

?>

<html>

<head>

 <title> EDIT Data Siswa </title>

</head>

<body style = 'margin : 20px; font : 16px arial;'>

<?php

echo "

 <center>

 <p> Edit Data Siswa </p>

 <form method ='POST' action = 'aksi_edit.php'>

 <table border = '1' cellspacing = '1' cellpadding = '10'

 style = 'border : #aaa; color: #101; font-family : arial; fot-size : 12px;'>

 <tr>

  <td> Nama Siswa </td>

  <td width = '5' align = 'center'> : </td>

  <td> <input type = 'text' name = 'nama' value= '".$nama."'/> </td>

  <input type = 'hidden' name = 'no_induk' value = '".$no_induk."' />

  </tr>

 <tr>

  <td> Kelas </td>

  <td align = 'center'> : </td>

  <td> <input type = 'text'  name = 'kelas' value= '".$kelas."'/> </td>

  </tr>

 <tr>

  <td> Nilai UH </td>

  <td align = 'center'> : </td>

  <td> <input type = 'text'  name = 'nilai_uh' value= '".$nilai_uh."'/> </td>

  </tr>

  <td> Nilai UTS </td>

  <td align = 'center'> : </td>

  <td> <input type = 'text'  name = 'nilai_uts' value= '".$nilai_uts."'/> </td>

  </tr>

  <td> Nilai UAS </td>

  <td align = 'center'> : </td>

  <td> <input type = 'text'  name = 'nilai_uas' value= '".$nilai_uas."'/> </td>

  </tr>

 

 

 

 <tr>

 <td colspan = '3' align = 'center'>

 <input type = 'submit' name = 'submit' value = 'Update'/>

 </td>

 </tr>

</table>

<a href = 'index.php'> Kembali </a>

</form>

</body>

</html>

";

?> 

Langkah ke 6 buat action update data kedalam tabel dengan buat file  aksi_edit.php

<?php

error_reporting(E_ALL^ E_NOTICE);

include 'koneksi.php';

$no_induk = $_POST['no_induk'];

$nama = $_POST['nama'];

$kelas = $_POST['kelas'];

$nilai_uh = $_POST['nilai_uh'];

$nilai_uts = $_POST['nilai_uts'];

$nilai_uas = $_POST['nilai_uas'];

$update = "UPDATE SISWA SET nama='$nama',kelas='$kelas',nilai_uh='$nilai_uh',nilai_uts='$nilai_uts',nilai_uas='$nilai_uas' where no_induk = '$no_induk'";

$hasil = mysql_query($update);

if ($hasil){

//header ('location:view.php');

echo " <center> Data Berhasil diupdate <br/>

<br> Untuk melihat daftar peserta klik <a href = 'index.php'> Disini </a></center>";

} else { echo "Data gagal diupdate";

}

?> 

oke mantap kita sudah buat fitur edit (update data) dalam web kita tampilanya seperti ini 

Langkah ke 7 Langkah pamungkas untuk membuat fungsi delete

buat action insert data kedalam tabel dengan buat file  aksi_tambah.php

<?php

include "koneksi.php";

error_reporting(E_ALL^ E_NOTICE);

$no_induk = $_GET['no_induk'];

$nama = $_GET['nama'];

$delete = "delete from siswa where no_induk = '$no_induk'";

$hasil = mysql_query($delete);

if ($hasil){

//header ('location:view.php');

echo " <center> <b> <font color = 'red' size = '4'> <p> Data dengan nama $nama Berhasil dihapus </p> </center> </b> </font> <br/>

 <meta http-equiv='refresh' content='2; url= index.php'/>  ";

} else { echo "Data gagal dihapus";

}

?>

Akhirnya Beress!!!! 

Tinggal Jalankan Selamat mencoba!!! 

Semua File di atas bisa di download di SINI