Objek Bergerak Vertikal dengan AppInventor

Halo sahabat semua, pada kesempatan kali ini saya ingin menulis tentang membuat objek bergerak vertikal menggunakan AppInventor. Berikut ini adalah langkah-langkahnya:

Langkah 1

Buat sebuah pojek dengan nama gerak_horizontal

langkah 2

Pada bagian Pallette pilih Drawing and Animation, kemudian drag canvas ke area kerja

Langkah 3

Pada bagian properties setting Height seperti gambar di bawah ini:

Langkah 4

Pada bagian properties setting Width seperti gambar di bawah ini:

langkah 5

Pada bagian Pallette pilih Drawing and Animation, kemudian drag ImageSprite ke area kerja

Langkah 6

Pilih gambar yang akan digunakan pada bagian Properties

Langkah 7

Pada bagian Pallette pilih Sensors, kemudian drag Clock ke area kerja

Langkah 8

Edit Clock pada bagian Properties seperti gambar di bawah ini:

Langkah 9

Klik tombol blocks pada bagian kanan

Langkah 10

Kemudian buat blok seperti gambar di bawah ini:

Selamat mencoba semoga bermanfaat

Objek bergerak horizontal dengan AppInventor

Halo sahabat semua, pada kesempatan kali ini saya ingin menulis tentang membuat objek bergerak horizontal menggunakan AppInventor. Berikut ini adalah langkah-langkahnya:

Langkah 1
Buat sebuah pojek dengan nama gerak_horizontal

Langkah 2

Pada bagian Pallette pilih Drawing and Animation, kemudian drag canvas ke area kerja

Langkah 3

Pada bagian properties setting Height seperti gambar di bawah ini:

Langkah 4

Pada bagian properties setting Width seperti gambar di bawah ini:

Langkah 5

Pada bagian Pallette pilih Drawing and Animation, kemudian drag ImageSprite ke area kerja

Langkah 6

Pilih gambar yang akan digunakan pada bagian Properties

Langkah 7

Pada bagian Pallette pilih Sensors, kemudian drag Clock ke area kerja

Langkah 8

Edit Clock pada bagian Properties seperti gambar di bawah ini:

langkah 9

Klik tombol blocks pada bagian kanan

Langkah 10

Kemudian buat blok seperti gambar di bawah ini:

Selamat mencoba semoga bermanfaat

Objek Bergerak Acak dengan AppInventor

Assalamualaikum….. Bagaimana kabar sahabat semua, semoga pada sehat ya…  Pada kesempatan kali ini saya ingin menulis tentang membuat aplikasi melalui AppInventor membuat objek bergerak acak. Berikut ini adalah langkah-langkah untuk membuat aplikasi :

Langkah 1

Pada bagian Pallete pilih menu Drawing and Animation, pilih Canvas kemudian seret ke lembar kerja aplikasi

Langkah 2
Pada bagian pilih Height dan Width dengan pilihan Fill Parent

Langkah 3

Pada bagian Pallete pilih menu Drawing and Animation, pilih ImageSprite kemudian seret ke lembar kerja aplikasi.  Pada bagian Properties pilih Picture kemudian klik menu Upload File dan cari gambar yang ukurannya kecil.

Langkah 4

Pada bagian Pallete pilih menu Sensors, pilih Clock kemudian seret ke lembar kerja aplikasi. Pada bagian Properties pilih TimeInterval dan isikan angka 1000.

Langkah 5

Klik tombol Blocks di sudut kanan atas

Langkah 6

Isikan kode program seperti  di bawah ini

Demikian tutorial yang bisa saya tuliskan. Semoga bermanfaat

Permaian Click Me dengan AppInvertor

Assalamualaikum…. Halo sahabat semua, pada kesempatan kali ini saya ingin menulis tentang membuat sebuah pemainan yang sangat sederhana, di mana permainan ini saya beri judul “Click Me”. Cara kerja permaianan ini saya meng klik sebuah tombol dan akan muncul angka dalam sebuah tabel yang berisi berapa banyak tombol yang sudah di klik. Kira-kira sudah punya gambaran kan sahabat..? Di bawah ini adalah langkah-langkah untuk membuat permainan “Click Me”

Langkah 1

Siapkan lembar kerja pada AppInvertor yang akan dibuat permaian “Click Me”

Langkah 2

Pada bagian Pallete pilih User Interface kemudian seret Button ke dalam lembar kerja. Pada bagian Properties Ubah text menjadi “Click Me”

Langkah 3

Pada bagian Pallete pilih User Interface kemudian seret Label ke dalam lembar kerja. Pada bagian Properties ubah text menjadi angka 0

Langkah 4

Klik tombol Blocks pada bagian sebelah kanan untuk menampilkan halaman kode program

Langkah 5

Berilah kode program berikut pada halaman Blocks dan silahkan coba Aplikasinya

Demikian tulisan yang bisa saya berikan selamat mencoba dan semoga bermanfaat

Membuat Aplikasi Menggambar dengan AppInventor

Assalamualaikum… Halo sahabat semuanya, pada kesempatan kali ini saya akan menuliskan sesuatu tentang membuat aplikasi menggambar menggunakan AppInventor. Langkah-langkahnya Insya Allah sangat mudah dipahami. Berikut ini adalah langkah-langkah membuat aplikasi garis tak beraturan di AppInventor:

Langkah 1

1.     Buat Proyek baru dengan nama “Buat_Garis”

Langkah 2

1    Pada bagian Palette pilih Drawing and Animation 

Langkah 3

1.       Seret “Canvas” Tersebut ke lembar kerja

Langkah 4

1.       Atur Canvas tersebut pada bagian Properties.

Hasilnya

Langkah 5

1.       Pada bagian Palette pilih menu Layout, seret HorizontalArrangement ke lembar kerja pada bagian bawah

Langkah 6

1.       Atur ukuran pada bagian Properties

Hasilnya

Langkah 7

1.       Pada bagian Pallete pilih menu User Interface kemudian seret Button ke dalam HorizontalArrangement1

Langkah 8

Beri nama Text for Button1 dengan Clear dan atur agar posisi berada di tengah

Langkah 9

Klik tombol Block untuk menyusun program yang akan dibuat

Langkah 10

1.       Kemudian buatlah program seperti di bawah ini:

Selamat mencoba semoga tulisan saya bermanfaat....

Membuat Menu Login menggunakan session

Pada kesempatan kali ini saya ingin menulis tentang bagaimana membuat sesi. Dan saya mencontohkan dengan membuat form login dengan menggunakan sesi. Apa itu sesi..? Sesi adalah sesuatu yang dapat menyimpan informasi yang dapat diakses di semua halaman hingga browser yang digunakan ditutup.

Untuk membuat sesi saya ingin mencontohkan masuk ke halaman selamatdatang.php
Jika akan masuk ke halaman selamatdatang.php maka harus melakukan login terlebih dahulu. Jika teman-teman akan memanggil langsung file selamatdatang.php maka halaman ini tidak dapat dipanggil.

Langkah 1
Buatlah sebuah folder kemudian diberi nama sesi, simpan folder tersebut di folder xampp/htdocs

Langkah 2
Buatlah sebuah database dan diberi nama sesi, setelah terbuat database kemudian buatlah sebuah tabel dan diberi nama user. Buatlah tabel user tersebut dengan struktur sebagai berikut:

Langkah 3
Pada langkah ini dibuat sebuah file koneksi.php. File ini berfungsi untuk menghubungkan dengan database MySQL. file koneksi.php disimpan dalam folder xampp/htdocs/sesi. Berikut ini adalah source file koneksi.php:


Langkah 4
Kemudian pada langkah ini membuat form login. Simpan file ini dalam folder xampp/htdocs/sesi.  Berikut ini adalah souce file index.php untuk membuat file form login:

Langkah 5
Kemudian membuat file login.php untuk proses loginnya. Simpan file ini dalam folder xampp/htdocs/sesi. Berikut ini adalah source file login.php:


Langkah 6
Kemudian membuat file selamat_datang.php untuk halaman setelah masuk ke dalam login kemudian file ini disimpan dalam folder xampp/htdocs/sesi. Berikut ini adalah source file selamat_datang.php:

langkah 7
kemudian membuat file logout.php untuk halaman menuju halaman logut. Kemudian file ini disimpan dalam folder xampp/htdocs/sesi. Berikut ini adalah source file logout.php:

Flasdisk yang terendam air dapat dipakai lagi

Halo sahabat semua, pada kesempatan kali ini saya ingin menuliskan tentang Flasdisk yang terendam di air apakah bisa digunakan kembali..?? Dengan cara-cara di bawah ini flasdisk yang terendam di air Insya Allah dapat digunakan kembali.

Langkah 1
Ambil flasdisk yang terendam di dalam air dan jangan langsung di colokkan ke port USB. Jika hal ini dilakukan akan mengakibatkan konsleting pada komponen Flasdisk yang berakibat flasdisk tidak dapat digunakan kembali/rusak

Langkah 2
Berdirikan posisi flasdisk seperti gambar di bawah ini:

Hal ini bertujuan agar air yang masih ada di dalam flasdisk tersebut dapat keluar.

Langkah 3
Jika dibiarkan dalam posisi di atas pada tempat yang teduh, tunggulah kurang lebih 5-6 jam sampai air di dalam flasdisk benar-benar kering. Jika masih ragu bisa menunggu sampai 12 jam. Jika kondisi flasdisk sudah benar-benar kering silahkan untuk mencoba flasdisk dipasang pada port USB.

Demikian yang bisa saya sampaikan, semoga tulisan ini bermanfaat