BLOG GUE WANGI

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<h1>Melki Mitsuki</h1><br>
<div id="div1">gunakan # untuk idi</div>
<div class="div2">gunakan titik untuk class</div>
<div class="div3">ini div3</div>
<div class="div3">ini div3</div>
<div class="div3">ini div3</div>
<div class="div3">ini div3</div>
<script>
$('h1').click(function(){
$('h1').css('color','red');

});

$('#div1').click(function(){
$('#div1').css('color','green');
});
$('.div2').click(function(){
$('.div2').css('color','yellow');
});
$('.div3').click(function(){
$(this).css('color','red');

});
</script>
<h3> kalian dapat mengganti event click dengan mouseenter dan mouseleave</h3>
</body>
</html>

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<h1>Melki Mitsuki</h1><br>
<div id="div1">gunakan # untuk idi</div>
<div class="div2">gunakan titik untuk class</div>
<script>
$(document).ready(function(){
$('h1').css('color','red');
$('#div1').css('color','blue');
$('.div2').css('color','green');

});
</script>
</body>
</html>

https://www.petanikode.com/html-canvas/

Langkah Awal select canvas

<!DOCTYPE html>
<html>
<head>
<meta charset goyang dombret="utf-8">
<title>Tutorial HTML 5 Canvas</title>
</head>
<body>
<canvas id="myCanvas" width="640" height="480" style="border:1px solid #000000;">
</canvas>

<script type="text/javascript"> var canvas = document.getElementById("myCanvas"); var ctx = canvas.getContext("2d"); </script>

</body> </html>

Code Code Menggambar pada Canvas

1. ctx.fillRect(x,y,1,1); 
menggambar titik 1px

2. ctx.beginPath() 
untuk memulai/ membuat garis baru.

3. ctx.moveTo(x,y) 
untuk menentukan titik awal

4. ctx.lineTo(x,y) 
untuk menentukan titik akhir

5. ctx.stroke() 
untuk menggambar garisnya.

6. ctx.strokeRect(x,y,w,h)
persegi dengan garis (outline) saja.

7. ctx.fillRect(x,y,w,h) 
persegi dengan polesan warna (default-nya hitam).

8. ctx.clearRect(x,y,w,h)
persegi transparan untuk menghapus.

Seperti biasa, kita harus memberikan titik koordinat x dan y. Sementara nilai w dan h untuk lebar dan tingginya.

9. ctx.closePath()
untuk menggambar garis dari titik terakhir ke titik awal secara otomatis.

10. strokeText("text",x,y) 
untuk teks dengan garis luar (outline) saja.

11. fillText("text",x,y) 
untuk teks dengan warna (default hitam).

12. ctx.font = "64px Arial";
Jenis dan ukuran font

13. drawImage(img, x, y);
Menambahkan gambar

14. var image= new Image();
image.src="./bird.png";
ctx.drawImage(image,10,10,200,200);
Menambahkan image ke canvas

AndroidManifest.xml

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.INTERNET" />

MainActivity.java

import java.io.FileOutputStream;
import java.io.InputStream;
import java.io.OutputStream;
import java.net.URL;
import java.net.URLConnection;
import android.app.Activity;
import android.app.Dialog;
import android.app.ProgressDialog;
import android.graphics.drawable.Drawable;
import android.os.AsyncTask;
import android.os.Bundle;
import android.os.Environment;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.Toast;
import java.io.*;
import android.widget.*;
public class MainActivity extends Activity {
Button button;
ProgressDialog progressdialog;
public static final int Progress_Dialog_Progress = 0;
String ImageURL ;
URL url;
URLConnection urlconnection ;
int FileSize;
InputStream inputstream;
OutputStream outputstream;
byte dataArray[] = new byte[1024];
long totalSize = 0;
EditText txt, edit;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
edit = (EditText)findViewById(R.id.edit);
button = (Button)findViewById(R.id.lihat);
    txt =(EditText)findViewById(R.id.text);
button.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        ImageURL= edit.getText().toString();
new ImageDownloadWithProgressDialog().execute(ImageURL);
}});}
        public class ImageDownloadWithProgressDialog extends AsyncTask<String, String, String> {
@Override
protected void onPreExecute() {
    super.onPreExecute();
showDialog(Progress_Dialog_Progress);}
@Override
protected String doInBackground(String... aurl) {
int count;
try {
url = new URL(aurl[0]);
urlconnection = url.openConnection();
urlconnection.connect();
FileSize = urlconnection.getContentLength();
inputstream = new BufferedInputStream(url.openStream());
outputstream = new FileOutputStream("/sdcard/downloadurl.txt");
while ((count = inputstream.read(dataArray)) != -1) {
totalSize += count;
publishProgress(""+(int)((totalSize*100)/FileSize));
outputstream.write(dataArray, 0, count);}
outputstream.flush();
outputstream.close();
inputstream.close();
} catch (Exception e) {}
return null;}
protected void onProgressUpdate(String... progress) {
progressdialog.setProgress(Integer.parseInt(progress[0]));}
@Override
protected void onPostExecute(String unused) {
    dismissDialog(Progress_Dialog_Progress);
try {
FileReader fr = new FileReader("/sdcard/downloadurl.txt");
BufferedReader br = new BufferedReader(fr);
String text;
while ((text = br.readLine()) != null)
    txt.setText(text);}
catch (FileNotFoundException fnfe) {
fnfe.getMessage();}
catch (IOException ioe) {
ioe.getMessage();}
Toast.makeText(MainActivity.this, "Text Downloaded Successfully", Toast.LENGTH_LONG).show();
}} protected Dialog onCreateDialog(int id) {
switch (id) { case Progress_Dialog_Progress:
progressdialog = new ProgressDialog(MainActivity.this);
progressdialog.setMessage("Downloading Text From Server...");
progressdialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
progressdialog.setCancelable(false);
progressdialog.show();
return progressdialog;
    default:
return null;}}}

public void simpan_data(){
SavePreferences("PrefDemo","save");
}

private void SavePreferences(String key, String value) {
        SharedPreferences sharedPreferences = this.getPreferences(Context.MODE_PRIVATE);
SharedPreferences.Editor editor = sharedPreferences.edit();
        editor.putString(key, value);
        editor.commit();  }

public void lihat_data(){
showPreferences("PrefDemo");
}

private void showPreferences(String key){
        SharedPreferences sharedPreferences =
this.getPreferences(Context.MODE_PRIVATE);
        String Data = sharedPreferences.getString(key, "");
       TexView.setText(Data);
}

AndroidManifest.xml

MainActivity.java

import android.content.Intent;
import android.app.*;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.RadioButton;
import android.widget.RadioGroup;

// nama kelas harus sama dengan nama file nya
public class MainActivity extends Activity {

    Button bKirim;
    RadioGroup radio;
    EditText tNama;
    EditText tHobi;

    @Override    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        inisialisasi();

        bKirim.setOnClickListener(new View.OnClickListener() {
@Override            public void onClick(View view) {
Intent i = new Intent(getApplicationContext(), second.class);

i.putExtra("variabelnama", tNama.getText().toString());
i.putExtra("variabelumur", tHobi.getText().toString());
int id = radio.getCheckedRadioButtonId();
RadioButton radiobutton = (RadioButton)findViewById(id);
i.putExtra("variabelkelamin", radiobutton.getText().toString());
startActivity(i);
}
});

    }

    private void inisialisasi() {
        bKirim = (Button)findViewById(R.id.kirim);
        radio = (RadioGroup)findViewById(R.id.jeniskelamin);
        tNama = (EditText)findViewById(R.id.nama);
        tHobi= (EditText)findViewById(R.id.hobi);

    }
}

second.java

import android.content.Intent;
import android.app.*;
import android.os.Bundle;
import android.widget.TextView;

public class second extends Activity {

    @Override    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.secondmain);

        Intent i = getIntent();
        String nerimanama = i.getStringExtra("variabelnama");
        String nerimaumur = i.getStringExtra("variabelumur");
        String kelamin  = i.getStringExtra("variabelkelamin");
        TextView nama = (TextView)findViewById(R.id.namaValue);
        TextView umur = (TextView)findViewById(R.id.hobivalue);
        TextView jk = (TextView)findViewById(R.id.jeniskelaminvalue);
        nama.setText(nerimanama);
        umur.setText(nerimaumur);
        jk.setText(kelamin);
    }
}

masuk ke folder res
buat folder menu dan main.xml di dalamnya