Membuat CheckBox di Android Studio

kali ini saya akan menjelaskan bagaimana cara membuat CheckBox di Android Studio

dimana langkah pertama yakni, kita akan membuata project baru, di Android Apllication Project setelah itu beri nama project, disini saya beri nama project dengan CheckBox
setelah selesai maka kita akan menambahkan script pada MainActivity.java tambahkan script berikut

package checkbox.checkbox;

    import android.app.Activity;
    import android.os.Bundle;
    import android.view.View;
    import android.view.View.OnClickListener;
    import android.widget.Button;
    import android.widget.CheckBox;
    import android.widget.Toast;

    public class Checkbox extends Activity {
        CheckBox cb1, cb2, cb3, cb4, cb5;
        Button tombol;
        String tampil;

        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.checkbox);
            cb1 = (CheckBox) findViewById(R.id.checkBox1);
            cb2 = (CheckBox) findViewById(R.id.checkBox2);
            cb3 = (CheckBox) findViewById(R.id.checkBox3);
            cb4 = (CheckBox) findViewById(R.id.checkBox4);
            cb5 = (CheckBox) findViewById(R.id.checkBox5);
            tombol = (Button) findViewById(R.id.button1);

            //membuat listener ketika dilakukan klik pada objek
            OnClickListener listener = new OnClickListener() {
                @Override
                public void onClick(View v) {
                    if (cb1.isChecked()) tampil += cb1.getText().toString();
                    if (cb2.isChecked()) tampil += ", " + cb2.getText().toString();
                    if (cb3.isChecked()) tampil += ", " + cb3.getText().toString();
                    if (cb4.isChecked()) tampil += ", " + cb4.getText().toString();
                    if (cb5.isChecked()) tampil += ", " + cb5.getText().toString();
                    Toast.makeText(Checkbox.this,
                            "Hobi anda adalah " + tampil,
                            Toast.LENGTH_SHORT).show();
                    tampil = ""; //kosongkan variabel tampil
                }

            };

            //menerapkan listener pada tombol
            tombol.setOnClickListener(listener);

        }
}

setelah selesai pada MainActivity.java maka kita akan pindah pada file xml dimana file xml saya bernama checkbox.xml dan kemudian tambahkan script berikut

kemudian setelah selesai semuanya maka kita tinggal menjalankanya dengan cara klik kanan pada project yang kita buat, lalu pilih run as dan pilih Android Apllication.. maka tampilanya seperti berikut

01.50
0 Comments

belajar membuat group menu pada android studio

pada kali ini saya akan memberikan sedikit tutorial mengenai pembuatan aplikasi pada androi. kali ini saya akan membuat menu dan group menu

nah kita akan membuat group menu seperti pada tampilan diatas dimana pertama tama kita buat project baru dimana disini saya menggunakan eclipse yg sudah terinstall sdknya..

kemudia masukan script berikut kedalam MainActivity.xml

package example.groupmenu;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.Toast;
public class MainActivity extends Activity {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// menu(group id, id, order,title )
menu.add(0, 1, 2, "Java");
menu.add(0, 2, 3, "C++");
menu.add(0, 3, 1, "PHP");
menu.add(1, 4, 0, "Mysql");
menu.add(1, 5, 4, "SqLite");
menu.add(2, 6, 5, "Eclipse");
menu.add(2, 7, 6, "Netbeans");
return super.onCreateOptionsMenu(menu);
}
@Override
public boolean onMenuItemSelected(int featureId, MenuItem item) {
String group = "";
if (item.getGroupId() == 0) {
    group = "Bahasa Pemrograman";
    } else if (item.getGroupId() == 1) {
    group = "Database";
    } else if (item.getGroupId() == 2) {
    group = "Editor";
    }
    Toast.makeText(
    MainActivity.this,
    "\nGroup: " + group +
    "Item ID : " + item.getItemId()+
    "\nTitle: " + item.getTitle() +
    "\nUrutan: "+ item.getOrder(),
    Toast.LENGTH_LONG).show();
    return super.onMenuItemSelected(featureId, item);
    }
    }

setelah itu kita musuk pada folder res-layout dan tambahkan script berikut pada activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" />

</RelativeLayout>

setelah selesai maka tinggal kita jalankan, jika berhasil maka hasilnya akan seperti gambar di atas tadi

00.36
1 Comments

Mengenal metode MVC dan belajar menampilkan database pada codeigniter

Model View Controller merupakan suatu konsep yang cukup populer dalam pembangunan aplikasi web, berawal pada bahasa pemrograman Small Talk (Wikipedia), MVC memisahkan pengembangan aplikasi berdasarkan komponen utama yang membangun sebuah aplikasi seperti manipulasi data, user interface, dan bagian yang menjadi kontrol aplikasi. Terdapat 3 jenis komponen yang membangun suatu MVC pattern dalam suatu aplikasi yaitu :

View, merupakan bagian yang menangani presentation logic. Pada suatu aplikasi web bagian ini biasanya berupa file template HTML, yang diatur oleh controller. View berfungsi untuk menerima dan merepresentasikan data kepada user. Bagian ini tidak memiliki akses langsung terhadap bagian model.
Model, biasanya berhubungan langsung dengan database untuk memanipulasi data (insert, update, delete, search), menangani validasi dari bagian controller, namun tidak dapat berhubungan langsung dengan bagian view.
Controller, merupakan bagian yang mengatur hubungan antara bagian model dan bagian view, controller berfungsi untuk menerima request dan data dari user kemudian menentukan apa yang akan diproses oleh aplikasi.

Singkat kata Model untuk mengatur alur database, View untuk menampilkan web, sedangkanController untuk mengatur alur kerja antara Model dan View. Jadi misalnya Anda ingin membuat akun facebook atau e-mail. Pertama Anda akan melihat tampilan sign-up / register itulah View, kemudian Anda menuliskan form pengisian seperti username, password, dll dan Anda klik sign-up / register maka di sini View memanggil Controller dan Controller memanggil Model, sedangkan Model mengecek apakah Anda sudah sesuai dengan kriteria pendaftaran seperti sudah mengisi username, password dan lain sebagainya. Kemudian Model menggembalikan (callback) ke Controller dan Controller mengembalikan ke View, dan kita akan melihat berhasil atau tidak kita sign-up/register. Lebih jelas berikut:

langkah pertama buatlah database, disini saya membuat database dengan nama mahasiswa dan juga untuk tabelnya saya beri nama mahasiswa

konfigurasi database

pada gambar di atas saya menanbahkan database dan juga url

mengatur konfigurasi pada file database

kemudian kita akan mennampilkan database

membuat tampilan view

hasil dari tampilan view

selanjutnya kita akan membuat form input, untuk memasukan data yang akan kita masukan

maka jika kita jalankan hasilnya akan seperti ini:

membuat form edit, form edit ini berfungsi untuk mengatur kesalahan pada saat menginputkan data

maka tampilanya jika kita menjalankanya

selanjutnya yang terakhir adalah membuat form hapus dimana seperti pada gambar diatas, yg telah saya buat form hapusnya

terima kasih

02.19
0 Comments

Belajar CodeIgniter (CI)

belajar MVC diCI

Belajar Membuat Header, Menu, dan Content Di CodeIgniter

pada blog kali saya akan mengajarkan tentang apa itu CI (code igniter)

CodeIgniter merupakan aplikasi sumber terbuka yang berupa framework PHP dengan model MVC (Model, View, Controller) untuk membangun website dinamis dengan menggunakan PHP

nah pada blog ini saya akan mengajarkan bagaimana membuat Header, Menu dan Content di CI

langsung saja, dimana langkah pertama pastikan anda sudah menginstal xampp,di sini saya menggunakan xampp, untuk menjalankan apache dan mysqlnya dimana agar suatu database bisa berjalan

setelah itu copy folder CodeIgniter-3.0.3 kedalam htdocs, tapi sebelum itu rubah nama folder CodeIgniter-3.0.3, sesuai yg kita inginkan disini saya merubahnya menjadi Latihan_1, jika anda belum mempunya CodeIgniter-3.0.3 saya sarankan anda agar mendownload.

kemudian buat file baru di dalam views yg ada di CodeIgniter-3.0.3 yg sudah kita rubah nama tadi, lalu tambahkan script berikut file baru yg ada di dalam views tersebut, untuk toolsnya saya menggunakan sublime text3 tapi kita juga dapat menggunakan notepad atau notepad++

berikut adalah scriptnya

<html>
          <head>
                   <title>Halaman Utama</title>
          </head>

                   <div class="header">
<header> <h1> <center> Welcome To Header </h1> </header> <center>

<head>

          ::selection { background-color: #E13300; color: white; }
          ::-moz-selection { background-color: #E13300; color: white; }

          body {
                   background-color: #fff;
                   margin: 40px;
                   font: 13px/20px normal Helvetica, Arial, sans-serif;
                   color: #4F5155;
          }

          a {
                   color: #003399;
                   background-color: transparent;
                   font-weight: normal;
          }

          h1 {
                   color: #444;
                   background-color: transparent;
                   border-bottom: 1px solid #D0D0D0;
                   font-size: 19px;
                   font-weight: normal;
                   margin: 0 0 14px 0;
                   padding: 14px 15px 10px 15px;
          }

          code {
                   font-family: Consolas, Monaco, Courier New, Courier, monospace;
                   font-size: 12px;
                   background-color: #f9f9f9;
                   border: 1px solid #D0D0D0;
                   color: #002166;
                   display: block;
                   margin: 14px 0 14px 0;
                   padding: 12px 10px 12px 10px;
          }

          #body {
                   margin: 0 15px 0 15px;
          }

          p.footer {
                   text-align: right;
                   font-size: 11px;
                   border-top: 1px solid #f0f0f0;
                   line-height: 32px;
                   padding: 0 10px 0 10px;
                   margin: 20px 0 0 0;
          }

          #container {
                   margin: 10px;
                   border: 1px solid #D0D0D0;
                   box-shadow: 0 0 8px #D0D0D0;
          }
          </style>

<div class="menu-wrap">
          <ul>
                   <li><a href="#">Beranda</a></li>
                   <li><a href="#">Kumpulan Articel</a></li>
                   <li><a href="#">Contact</a></li>
                   </ul>
                   </div>

          <h2> di atas Merupakan cara menampilkan :<i><p> header, content, menu, dan footer </i> di CodeIgniter (CI)
</h2>

<footer class="mbr-section mbr-section--relative mbr-section--fixed-size" id="footer1-2" style="background-color: rgb(68, 68, 68);">

    <div class="mbr-section__container container">
        <div class="mbr-footer mbr-footer--wysiwyg row">
            <div class="col-sm-12">
              <font color="white"> <p class="mbr-footer__copyright">Copyright &copy 2016 || TEKNIK IINFORMATIKA <p align="right"> ilyas Ahmad </a></p>
              </font>
            </div>
        </div>
    </div>
</html>

setelah itu save file tersebut, untuk menyimpan filenya gunakan .php disini saya menyimpanya dengan nama web.php

kemudian tambahkan funcion di dalam controllers welcome

public function web()
{
$this->load->view('web');

setelah semuanya selesai jalankan di dalam browser

dan hasilnya seperti gambar di atas

terima kasih

cara memisahkan BOOSTRAP DI CI (codeigniter)

Bootstrap adalah sebuah framework css yang dapat digunakan untuk mempermudah membangun tampilan web. Bootstrap pertama kali di kembangkan pada pertangahan 2010 di Twitter oleh Mark Otto dan Jacob Thornton. Saat ini Bootstrap dikembangkan secara open source dengan lisensi MIT.

baik langsung saja pada pembuatan boostrap, pertama kita lakukan kita harus mendownload boostrap yang kita ingin jika sudah di download kemudian file assets copy di folder projek kita.

disini kita akan memisahkan file html atau boostrap menjadi satu.

berikut gambar dari file assets:

Buka text editor kemudian buka projek codeigniter.

kemudian buat file header di VIEW dengan cara klik kanan new file terus buka file index.html di folder assets.

pada gambar di atas saya hanya menggcopy coding untuk menu di file header kemudian simpan dengan header.php

Berikut scrip untuk file header.php

<!DOCTYPE html>

<head>

<title>Bootstrap 3, from LayoutIt!</title>

</head>

<body>

<span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>

</button> <a class="navbar-brand" href="#">Brand</a>

</div>

</li>

<li>

</li>

<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown<strong class="caret"></strong></a>

<li>

<a href="#">Action</a>

</li>

<li>

<a href="#">Another action</a>

</li>

<li>

<a href="#">Something else here</a>

</li>

</li>

<li>

<a href="#">Separated link</a>

</li>

</li>

<li>

<a href="#">One more separated link</a>

</li>

</ul>

</li>

</ul>

</div>

Submit

</button>

</form>

<li>

</li>

<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown<strong class="caret"></strong></a>

<li>

<a href="#">Action</a>

</li>

<li>

<a href="#">Another action</a>

</li>

<li>

<a href="#">Something else here</a>

</li>

</li>

<li>

<a href="#">Separated link</a>

</li>

</ul>

</li>

</ul>

</div>

</nav>

kemudia buat file content di VIEW, di conten ini saya menambahkan code untuk slide show yg ada pada boostrap.

berikut codingnya:

</li>

</li>

</li>

</ol>

<img alt="Carousel Bootstrap First" src="<?php echo base_url ();?>assets/img/2.jpg">

<h4>

First Thumbnail label

</h4>

<p>

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

</p>

</div>

<img alt="Carousel Bootstrap Second" src="<?php echo base_url ();?>assets/img/ahmad.jpg">

</div>

<img alt="Carousel Bootstrap Third" src="<?php echo base_url ();?>assets/img/ahmad1.jpg">

</div>

</div> <a class="left carousel-control" href="#carousel-322977" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#carousel-322977" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>

</div>

<h3>

Mari BelajarWeb

</h3>

<p>

Data mahasiswa

</p>

</div>

<thead>

<tr>

<th>

</th>

<th>

Nama

</th>

<th>

Nim

</th>

<th>

Alamat

</th>

<th>

Status

</th>

</tr>

</thead>

<tbody>

<tr>

<td>

</td>

<td>

Ahmad didipu

</td>

<td>

131314004

</td>

<td>

telaga

<td>

Pelajar

</td>

</tr>

<td>

</td>

<td>

ilyas

</td>

<td>

131314021

</td>

<td>

Paguyaman

<td>

Pelajar

</td>

</tr>

<td>

</td>

<td>

Fatma

</td>

<td>

131314008

</td>

<td>

Paguyaman

<td>

Pelajar

</td>

</tr>

<td>

</td>

<td>

putra

</td>

<td>

131314026

</td>

<td>

moodu

<td>

Pelajar

</td>

</tr>

<td>

</td>

<td>

Balgis

</td>

<td>

131314006

</td>

<td>

Marisa

<td>

Pelajar

</td>

</tr>

</tbody>

</table>

</div>

Footer

Berikut kode untuk footer

Email address

</label>

</div>

Password

</label>

</div>

File input

</label>

Example block-level help text here.

</p>

</div>

<label>

<input type="checkbox"> Check me out

</label>

</div>

Submit

</button>

</form>

</div>

setelah membuat content kemudian kita akan tutup boostrap di file footer yaitu dengan menambahkan

</body>

</html>

di akhir coding.
berikut coding untuk footer:

<h3>

h3. Lorem ipsum dolor sit amet.

</h3>

</div>

</body>

</html>

setelah itu jalankan pada browser

untuk hasilnya akan tampil seperti ini

16.21
0 Comments

Older
Stories

Pages

Education

Membuat CheckBox di Android Studio

belajar membuat group menu pada android studio

Mengenal metode MVC dan belajar menampilkan database pada codeigniter

Belajar CodeIgniter (CI)

Belajar Membuat Header, Menu, dan Content Di CodeIgniter

pada blog kali saya akan mengajarkan tentang apa itu CI (code igniter)

terima kasih

cara memisahkan BOOSTRAP DI CI (codeigniter)

postingan