Belajar Pemrograman Android

Assalamualaikum Warahmatullahi Wabarakatuh.

Hai, kali ini saya akan berbagi informasi seputar pemrograman android. Selain itu saya membuat artikel ini untuk menyelesaikan tugas dari guru produktif saya hehe.

Oke.. kalau begitu langsung saja

1. Apa pengertian dari XML?
    XML (Extensible Markup Language) adalah bahasa markup untuk keperluan umum yang disarankan oleh W3C untuk membuat dokumen markup keperluan pertukaran data antar sistem yang beraneka ragam. XML merupakan kelanjutan dari HTML (HyperText Markup Language) yang merupakan bahasa standar untuk melacak Internet.

2. Apa saja perbedaan antara XML & HTML? 

• XML dikembangkan untuk medeskripsikan data dalam website.
• XML tidak menggantikan HTML.
• XML didesain untuk menampilkan data dan di fokuskan pada apa sebenarnya data itu, sedang HTML didesain untuk menampilkan data dan bagaimana agar data tersebut bisa di lihat.
• XML dan XHTML memiliki jumlah elemen tak terbatas, sedangkan HTML memiliki satu set elemen yang sangat ketat dari unsur yang telah ditetapkan.

3.  Buatlah script XML agar seperti pada gambar berikut ini!

<TextView
android:text="Welcome"
android:gravity="center"   
android:background="#fa0929"  
android:textColor="#000000"
android:textSize="25sp" 
android:layout_width="200dp"   
android:layout_height="200dp" />

4. Jelaskan tentang Wrap Content !

Wrap content adalah salah satu nilai atribut, yang berfungsi agar lebar atau tinggi ,dapat mengikuti object (seperti :TextView ,Button, image view, dan lain-lain.) tersebut.

5. Jelaskan tentang Match parent !
Match parent adalah salah satu nilai atribut ,yang berfungsi agar lebar atau tinggi, dapat mengikuti layar atau screen pada perangkat Android.

Soal Tambahan :

6. Bagaimana menurutmu proses pembelajaran pemrograman android di kelas?

Menurut saya cukup efektif. Karena dengan materi serta tutorial yang berbentuk video di Udacity.com saya merasa lebih mudah dipahami dibanding dengan sekedar teori saja.

Oke.. Terima kasih

Read more ...

Teknologi Client-Server

Assalamualaikum Warahmatullahi Wabarakatuh.

Kali ini saya akan memberikan tutorial cara menggabungkan 2 perangkat komputer dalam satu server. Atau biasa yang disebut dengan client-server. Oke langsung saja kita mulai dengan tutorialnya.

Pertama, kita siapkan alat dan bahannya :

Alat     : 1. Wifi atau Hotspot
              2. Komputer atau laptop

Bahan : 1. WAMP atau XAMPP (bisa anda download atau cari digoogle)
             2. Text Editor (Notepad/Notepad ++)
             3. File PHP

Jika semua alat dan bahan sudah siap, kita masuk ke langkah berikutnya.

Kita buat file php terlebih dahulu, contoh saya membuat biodata saya sebagai file php yang telah saya buat. Ini script php yang saya buat :

Jika sudah, simpan di folder xampp/htdocs/(karena saya menggunakan xampp maka disimpan di folder xampp), lalu buat folder di htdocs dengan nama Biodata dan simpan file php didalam folder Biodata dan beri nama file php dengan nama index.php.

Selanjutnya kita akan menyambungkan kedua komputer dalam satu server.
1. Kedua perangkat harus terhubung ke dalam suatu wifi atau hotspot yang sama.

2. Jika sudah terhubung, kita akan masuk ke pengaturan IP Address.

3. Masuk ke Control Panel, pilih Network and Sharing Center

 
4. Pilih Change Adapter Setting

5.  Kemudian akan muncul tampilan seperti ini, lalu klik kanan pada wifi atau hotspot yang terhubung, lalu pilih properties

6. Lalu klik dua kali pada pilihan Internet Protocol Version 4 (TCP/IPv4)

7.  Muncul kotak pengaturan, pilih Use The Following IP Address.
     Lalu setting IP address dengan angka 192.168.2.7 (komputer server)

    Lalu setting IP address dengan angka 192.168.2.8 (komputer client)
    

8. Jika sudah klik OK. Sebelum menggunakan, anda bisa mengecek apakah kedua komputer sudah saling terhubung dengan cara :

Buka Run atau Tekan Windows+R, ketik cmd
Lalu ketik ping 192.168.2.8 (dari komputer server ke komputer cilent)
        ketik ping 192.168.2.7 (dari komputer client ke komputer server)

Jika berhasil akan muncul seperti ini :

--Dari komputer client ke server--

--Dari komputer server ke client--

9. Apabila sudah berhasil, ada sudah bisa menggunakan client-server ini. Dengan cara :

    Buka browser anda, ketik IP address yang dituju, lalu ketik nama folder yang ingin dibuka.

    Contoh : 192.168.2.7/Biodata atau 192.168.2.8/Biodata. Maka akan muncul seperti ini :

--Dari server ke client--

--Dari client ke server--

Oke, sekian tutorial kali ini. Mudah-mudahan dapat bermanfaat bagi anda sekalian.

Terima kasih.

Wassalamualaikum Warahmatullahi Wabarakatuh.

Read more ...

Cara Membuat Form Login Sederhana Menggunakan HTML dan Java Script

Assalamualaikum Warahmatullahi Wabarakatuh.

Hai, kali ini saya akan memberikan tutorial yaitu "Cara membuat form login sederhana menggunakan HTML dan Java Script."

Sudah pada tau kan? Apa itu HTML dan Java Script, sudah pada tau lah pastinya.

Oke, langsung saja kita mulai tutorialnya:

Sebelum kita membuat scriptnya, lebih baik kita melihat hasil yang akan kita buat nanti. Biar ada semangatnya, hehe.

Berikut ini hasilnya:

Ini Layout 1 :



Ini Layout 2 :



Gimana? Keren dan sederhana kan? kalo gitu kita langsung saja dengan scriptnya.
Masukkan script ini di notepad

Ini script layout 1 :

<!DOCTYPE html>
<html lang="en">
<head>
<title>Login form</title>
</head>
<meta charset="UTF-8">
<body background="C:\Users\User. M\Downloads\Images\death note l 1680x1050 wallpaper_www.wallpaperhi.com_34.jpg">
<script type="text/javascript">
function userLogin() {
    var myForm = document.login;
if(myForm.username.value == "deni" && myForm.pass.value == "Dharmawan")
window.location.href= "Login_berhasil.html";
else if
(myForm.username.value != "deni" && myForm.pass.value == "Dharmawan")
alert("Username anda salah")
else if
      (myForm.username.value == "deni" && myForm.pass.value !="Dharmawan")
      alert("Password anda salah")
     else if
      (myForm.username.value=="" && myForm.pass.value =="")
      alert("Username dan password yang dimasukkan kosong")
else
 alert("Username dan Password yang dimasukkan salah");
}
</script>
<center>
<img src="C:\Users\User. M\Downloads\Images\death note.jpg" width="15%" height="15%">
<h3><font color="orange" size="5">Login</font></h3>
<fieldset>
<form action="" name="login">
<input type="text" name="username" placeholder="Username">
<input type="password" name="pass" placeholder="Password">
<input type="button" onClick="userLogin()" value="Login">
<div class="border-p"></div>
</form>
</fieldset>
</div>
<tr>
<font color="white" size="6"</font> 
<p>.</p>
<p>.</p>
<p>.</p>
<p>.</p>
<p>.</p>
<td width="350" heigth="150" colspan="2" align="center"><pre>&#169Copyright Deni Dharmawan</pre></td>
</tr>
</table>
</body>

</html>

Untuk java script bisa diganti password dan username terserah anda dan background serta gambarnya pun juga bisa diganti.

Setelah itu save scriptnya, lalu kita membuat script untuk layout 2 pada file yang baru

Berikut scriptnya :

<!DOCTYPE html>
<head>
<title>Login</title>
</head>
<body>
<body bgcolor="000000">
<center>
<p>|</p>
<p>|</p>
<marquee behavior="alternate" style="border:RED 2px SOLID;>
<align="center" colspan="2" width="100%" height="10%"><font size="6" color="orange" font face="algerian">Selamat Login Berhasil</marquee>
<center>
<img src="C:\Users\User. M\Downloads\Images\Kumpulan-Animasi-Bergerak2.gif">
<p>|</p>
<p>|</p>
<marquee direction="right" style="border:RED 2px SOLID;>
<align="center" colspan="2" width="100%" height="10%"><font size="6" color="orange" font face="algerian">Selamat Login Berhasil</marquee
</body>
</html>

Sama dengan layout 1, background dan gambarnya bisa diganti terserah anda.
Setelah itu save scriptnya, lalu kedua script itu diletakkan ke dalam satu folder.

Semoga tutorial membuat Form login sederhana menggunakan HTML dan Javascript ini bisa bermanfaat. 

Selesai.

Terima kasih telah berkunjung.

Wassalamualaikum Warahmatullahi Wabarakatuh.

Read more ...