Artikel Archives - WebHozz Blog

Membuat Form & Proses Login aplikasi Android

By admin in Android, Artikel October 15, 2018

Halo Sobat Webhozz kali ini kita akan memberikan cara membuat form login sederhana di Android
Pertama kita membuat tampilan form loginnya


<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.webhozzsby.login.MainActivity">

    <TextView
        android:text="Login Form"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:id="@+id/textView"
        android:textAlignment="center"
        android:textSize="30sp"
        android:textStyle="normal|bold" />

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="textPersonName"
        android:ems="10"
        android:id="@+id/username"
        android:hint="Username"
        android:layout_below="@+id/textView"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_marginTop="37dp" />

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="textPassword"
        android:ems="10"
        android:layout_below="@+id/username"
        android:layout_alignParentLeft="true"
        android:id="@+id/password"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"
        android:hint="Password" />

    <Button
        android:text="Log In"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/password"
        android:layout_centerHorizontal="true"
        android:id="@+id/btnLogin" />

</RelativeLayout>

Membuat Date Picker di Aplikasi Android

By admin in Android, Artikel October 15, 2018

Halo sobat Webhozz bagaimana kabarnya? semoga selalu diberikan kesehatan, amiiin.
kali ini kita akan mempelajari cara membuat form dengan datepicker.
langsung saja kita tulisankan kode seperti di bawah ini di activity main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    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"
    tools:context="com.example.webhozzsby.datepicker.MainActivity">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="#e7e">

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginBottom="10dp"
                android:layout_marginTop="10dp"
                android:text="BAGIAN HEADER"
                android:textAlignment="center"
                android:textColor="#fff"
                android:textStyle="bold" />
        </LinearLayout>

        <ScrollView
            android:layout_width="match_parent"
            android:layout_height="match_parent">
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="5dp"
                android:layout_marginRight="5dp"
                android:orientation="vertical">

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="NPM\t\t:" />

                <EditText
                    android:id="@+id/isinpm"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:hint="Masukan NPM" />

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="Nama\t\t:" />

                <EditText
                    android:id="@+id/isinama"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:hint="Masukan Nama" />

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="Jenis Kelamin\t:" />
                <RadioGroup
                    android:layout_width="match_parent"
                    android:id="@+id/jk"
                    android:layout_height="wrap_content">
                    <RadioButton
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Laki - laki" />

                    <RadioButton
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Perempuan" />
                </RadioGroup>

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="Tempat Lahir\t:" />

                <EditText
                    android:id="@+id/tempatlahir"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text=""
                    android:hint="Masukan Tempat Lahir" />
                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="Tanggal Lahir\t:" />

                <EditText
                    android:id="@+id/tv_dateresult"
                    android:layout_width="wrap_content"
                    android:text=""
                    android:layout_height="wrap_content"
                    android:hint="dd/MM/yyyy" />

                <Button
                    android:id="@+id/simpan"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="SIMPAN" />

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="===== HASIL INPUT ====="
                    android:textAlignment="center" />
                <TextView
                    android:id="@+id/hasil"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text=""/>
            </LinearLayout>
        </ScrollView>
    </LinearLayout>
</LinearLayout>

Apa sih Android Activity itu ? Yuk simak artikel ini

By admin in Android, Artikel October 15, 2018

Haloo sahabat WebHozz kali ini kita akan mempelajari dan mengenal apa itu Activity Android.

Activity adalah komponen yang dapat dilihat oleh pengguna, sehingga mereka dapat berinteraksi dengan aplikasi, misalnya memilih nomer ponsel anda, mengambil foto, mengirim email, atau menampilkan peta.
bila dibandingkan dengan aplikasi web dan desktop, activity sama seperti halaman pada web dan desktop pada form.

Tiap Activity (aktivitas) diberi sebuah jendela untuk menggambar antarmuka penggunanya.
satu aplikasi bisa memiliki lebih dari satu Activity, dan setiap Activity memiliki siklus hidup.
Ada beberapa kondisi yang akan dialami oleh Activity seperti yang tergambar pada flow chart berikut ini. Continue reading

Belajar Linear Layout dan Relative Layout Android

By admin in Android, Artikel October 15, 2018

Kali ini saya akan membahas tentang Linear Layout dan Relative Layout.

Sebelum kita membahas tentang Linear Layout dan Relative Layout kita harus mengetahui apakah itu Layout?
Layout adalah tata letak dari suatu elemen desain yang di tempatkan dalam sebuah bidang menggunakan sebuah media yang sebelumnya sudah di konsep terlebih dahulu.

Activity di Android menggunakan layout sebagai container untuk view lain di dalamnya, bahkan juga bisa berisi layout lain. Container layout di hampir semua Activity Android bekerja dengan cara yang mirip dengan elemen “div” di HTML. Layout yang paling umum dipakai diantaranya adalah Linear Layout dan Relative Layout. Continue reading

Belajar jQuery Focus dan Blur

By admin in Artikel, Contoh Code, Contoh Script, jQuery September 19, 2018

Halo Sobat Webhozz, Kali ini kita akan mempelajari Efek Jquery Focus & Blur. Berikut langkahnya.

Pertama kita membuat koneksi html ke jquery, seperti ini

<!DOCTYPE html>
<html>
<head>
<title>Latihan jquery</title>
<script src="jquery-3.3.1.min.js"></script>

Lalu langkah kedua kita kasih perintah jquery berubah warna di form kita, seperti ini.

<script>
$(document).ready(function(){
    $("input").focus(function(){
        $(this).css("background-color", "#cccccc");
    });
    <!--$("input") itu berhubungan dengan input yang ada di body untuk merubah warna form dan focus dan blur perintah mewarnai formnya.-->
    $("input").blur(function(){
        $(this).css("background-color", "#ffffff");
    });
});
</script>
</head>

Membuat Efek Hide dan Show dengan JQuery

By admin in Artikel, Contoh Script, jQuery September 19, 2018

Assalamualaikum Wr. Wb

Sahabat Webhozz dimanapun berada, apa kabarnya??? Mudah-mudahan sehat selalu dan selalu bahagia ya, amin.

Oke, pada kesempatan kali ini kita akan belajar tentang JQuery. Kita akan membuat objek dari tag HTML bisa menghilang dan muncul kembali.

Kita akan membuat beberapa tag HTML yang dibutuhkan, yaitu div, tombol submit dan sentuhan sedikit css.

Jadi, ceritanya, kita akan membuat tag

ini akan dibuat dengan bentuk kotak berwarna merah lalu hilang atau muncul lagi saat kita tekan tombol submit. Oke…langsung aja kita mulai.

1. Tulis script html awal.

<!DOCTYPE html>
<html>
<head>
	<title>Efek Hilang</title>
</head>
<body>

</body>
</html>

Belajar Web Design : Membuat Scrollspy menggunakan Bootstrap 4

By admin in Artikel, HTML CSS, Web Design September 13, 2018

Assalamualaikum Wr. Wb

Sahabat Webhozz dimanapun berada, apa kabarnya??? Mudah-mudahan sehat selalu dan selalu bahagia ya, amin.

Pada kesempatan kali ini kita akan belajar Scrollspy menggunakan Bootstrap 4. Sebelum mulai, apa sih itu Scrollspy???

Jadi Scrollspy itu biasanya digunakan untuk memperbarui tautan secara otomatis dalam daftar navigasi berdasarkan posisi scroll pada suatu halaman.

Scrollspy memiliki beberapa persyaratan untuk berfungsi dengan benar:

1. Harus digunakan pada komponen Navbar Bootstrap atau List group.

2. Scrollspy membutuhkan position: relative; pada elemen HTML yang biasanya dijadikan target, biasanya tag .

3. Tag “a” diperlukan dan harus menunjuk ke elemen dengan id=”” itu.
Ketika berhasil diterapkan, Navbar atau List group akan berubah, memindahkan kelas .active dari satu item menu ke item menu lainnya berdasarkan target yang terkait. Continue reading

Membuat Halaman Profil sederhana dengan HTML5

By admin in Artikel September 12, 2018

Haloo Sobat Webhozz, kali ini kita akan mempelajari bagaimana cara membuat biografi di dalam html.
begini caranya.



<!DOCTYPE html>
<html>
<head><!--Tag head ini gunanya untuk penamaan tab pada browser.-->
	<title>BIOGRAPHY</title>
</head>
<body><!-- Tag body ini gunanya untuk mengisikan semua konten yang ada di dalam web-->
	<h1 align="center">BIOGRAPHY</h1><!--Judul Halaman Web-->
	<hr align="center" width="100%" color="#3a3634" size="2"><!--Untuk Membuat Garis-->
	<center><!--Tag untuk ke tengah gambarnya-->
		<img src="gambar.png" width="300" height="300" alt="image in here"><!--tag img src itu sesuaikan nama file di dalam folder dan file gambar harus di dalam folder yang sama dengan file web kita-->
	</center>
	<h1 align="center" size="36"> BINGO </h1>
<p align="center"> It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). <a href="http://www.bingo.com/" target="_blank">Read More </a> <br><!--ini untuk link ke halaman selanjutnya --> </p>

<p align="left"><!-- Ini untuk penulisan list -->
	Hobbies:
	<ul>
		<li>Traveling</li>
		<li>Playing</li>
	</ul>
	<hr align="center" width="100%" color="#3a3634" size="2">
<p align="center"> Copyright 2018 </p>
</body>
</html>

Berikut hasilnya

Gimana? mudah kan sobat Webhozz, dan kamu juga bisa mengubah sesuai keinginanmu.
Sekian dulu, pembelajaran dari saya. semoga bermanfaat untuk kalian. selamat mencoba.

Kursus Android Studio & Java di Jakarta Bandung Surabaya

By admin in Artikel September 3, 2018

kursus android studio jakarta bandung surabaya

Kursus Android Studio – Bagi kamu yang ingin belajar membuat Aplikasi Android dengan software Android Studio & bahasa pemrograman Java, kamu bisa mendaftarkan diri kamu di WebHozz. di Kursus ini kamu akan belajar bagaimana membuat aplikasi Android menggunakan Android Studio dan bahasa Pemrograman Java, atau bisa disebut Android Native Programming. Continue reading

Belajar teknik AJAX dengan jQuery

By admin in Artikel, Berita Teknologi, Javascript, jQuery August 20, 2018

Dikutip dari Wikipedia, Asynchronous JavaScript and XMLHTTP, atau disingkat AJaX, adalah suatu teknik pemrograman berbasis web untuk menciptakan aplikasi web interaktif. Tujuannya adalah untuk memindahkan sebagian besar interaksi pada komputer web surfer, melakukan pertukaran data dengan server di belakang layar, sehingga halaman web tidak harus dibaca ulang secara keseluruhan setiap kali seorang pengguna melakukan perubahan. Hal ini akan meningkatkan interaktivitas, kecepatan, dan usability. Ajax merupakan kombinasi dari: Continue reading