Postingan

BARIS DAN KOLOM MOBILE PROGRAMMING

Gambar
  CARA MEMBUAT WIDGET PADA APLIKASI FLUTTER Hai guys.. Apa kabar nya hari ini? Semoga dalam keadaan sehat dan terhindar dari segala virus yang masih ada di dunia ini ya.. Tetap kita berdoa agar pandemi ini cepat berlalu :) Meskipun demikian, semangat belajar kita harus tetap terjaga ya teman-teman. Nah di blog kali ini, saya akan menjelaskan cara membuat widget pada flutter. Terlebih dahulu kita harus tau apa itu widget pada flutter. Widget pada flutter ialah semua komponen seperti button, text, icon dan lainnya yang membentuk sebuah tampilan/kerangka aplikasi. Keseluruhan dari aplikasi yang terlihat pada layar merupakan kumpulan widget. Widget pada flutter sendiri terinspirasi dari REACT. Pada flutter, terdapat berbagai macam jenis layout. Layout yang paling mendasar adalah Row dan Colomm. Row dan Colomn ini memungkinkan kita untuk menyusun widget atau komponen-komponen UI baik secara horizontal maupun secara vertical. Inti dari mekanisme loyout pada flutter adalah widget. Di flut...
Posting Komentar
Baca selengkapnya

MEMBUAT CHAT NETWORK PROGRAMMING

Gambar
 MEMBUAT CHAT NETWORK PROGRAMMING Hai teman-teman.. Kembali lagi di blog pribadi saya mengenai penerapan multi client ddengan single server, dan menerapkan class ServerSocket dan ServerSocket. Masih sama dengan blog saya sebelumnya, disini menggunakan Git Bash Here dan membuat codingannya di NetBeans IDE 8.0.2 Langsung saja masuk ke codingan nya Disini akan saya jelaskan tiap baris nya.. 1. ChatServerMulti import java.io.*;  //untuk membaca library input output import java.net.*;  //untuk menghubungkan program yang dibuat lewat jaringan public class ChatServerMulti{ // merupakan nama class untuk CharServerMulti     private static ServerSocket servSock; // membuat server sock untuk menghubungkan port shock dengan client     private static final int PORT = 1234 ; // sebuah  port socket yang akan menghubungkan server dan client     public static void main(String args[]) throws IOException{ // suatu method yang membaca input data string. ...
Posting Komentar
Baca selengkapnya

APP BAR MOBILE PROGRAMMING

Gambar
 APP BAR MOBILE PROGRAMMING Haii guys kembali lagi di blog saya. Nah untuk kali ini saya akan membahas tentang App Bar Mobile Programming. Untuk itu kita langsung saja kita buat di Visual Studio Code. Untuk langkah-langkah nya ialah : 1. Buka aplikasi Visual Studio Code. Selanjutnya pilih view > Command Palette 2. Lalu pilih dimana folder akan disimpan kemudian select a folder nya 3. Beri nama pada project yang akan dibuat. 4. Selanjutnya akan muncul seperti gambar berikut. 5. Selanjutnya delete semua coding yang ada dengan cara ctrl+a lalu delete. 6. Beri komentar pada semua code yang terdapat pada widget_test nya dengan cara ctrl+/ 7. Untuk main.dart diisi dengan codingan sesuai gambar dibawah ini. Kemudian dirun kan. Ohya pastikan bahwa koneksi internet dan koneksi ke smartphone nya telah terhubung ya. (Jika belum paham cara menghubungkannya dapat dibaca di blog saya sebelumnya) Sehingga hasil output seperti berikut 8. Selanjutnya untuk memberi tanda sebagai menu navigasi mak...
Posting Komentar
Baca selengkapnya

Pemrograman Mobile menggunakan VS Code dan Debug ke Smartphone

Gambar
Pemrograman Mobile menggunakan VS Code dan Debug ke Smartphone Haii guys.. Selamat datang kembali di Blog saya. Untuk pemrograman Mobile ini menggunakan VS Code lalu dihubungkan dengan smartphone dengan beberapa hal yang harus disiapkan diantaranya ialah aplikasi android studio dan vs code, flutter dan sdk manager flutter dan smartphone dan kabel charge yang sesuai dengan smartphone kita(type USB atau Type C) Untuk melakukan hal ini semua, pastikan terlebih dahulu jarigan kita. Disini kita harus menggunakan jaringan yang stabil dan bagus. Langsung saja berikut langkah-langkah nya. 1. Buka aplikasi VS Code yang telah kita instal 2. Lalu klik view dan pilih command pallete atau bisa menggunakan shortcut+shift+p ketik flutter new aplicattion project dan enter 3. Selanjutnya pilih lokasi penyimpanan dan select a folder to create the project in lalu tunggu hingga sehingga project selesai 4. Selanjutnya beri nama pada project name yakni "aplikasihalodunia" 5. Lalu akan tampil code ...
Posting Komentar
Baca selengkapnya

CHAT NETWORK PROGRAMMING

Gambar
CHAT SERVER DAN CHAT CLIENT Hai guys, kembali lagi di blog saya mengenai network programming. Nah untuk ini, saya akan menjelaskan mengenai bagaimana ChatServer dan ChatClient menggunakan port yang sama. Hal yang harus diperhatikan antara lain ialah alamat IP dari server yang digunakan dan juga nomor port nya. Untuk lebih jelaskan maka disini saya jelaskan mengenai codingan nya. Codingan ini dapat dibuat di Netbeans ataupun di Sublime Text 1. Class ChatServer import java.io.*; //untuk membaca library input output import java.net.*; //untuk menghubungkan program yang dibuat lewat jaringan public class ChatServer { //nama kelas yang dibuat     private static ServerSocket servSock; //merupakan fungsi dalam kelas ChatServer     private static final int PORT = 1234; //merupakan nomor port=1234 yang akan berkomunikasi dengan client     public static void main(String args[]) { //merupakan fungsi method menggunakan tipe data string         Sy...
Posting Komentar
Baca selengkapnya

Network Programming

Gambar
  MELAKUKAN PEMANGGILAN TERHADAP IP ADDRESS DAN NAME HOST Hai teman-teman... Selamat datang di Blog saya mengenai Network Programming. Sebelum membahas lebih lanjut, saya akan menjelaskan terlebih dahulu tentang Network Programming. Network Programming atau sebutan lain socket programming merupakan proses untuk membuat aplikasi yang mampu untuk berkomunikasi berbasis client server. Java Socket programming sendiri digunakan untuk komunikasi antar banyak aplikasi yang berjalan pada JRE yang berbeda. Disini ada 2 hal yang harus diperhatikan yakni Alamat IP dari server dan Nomor Port Untuk lebih lanjut mari kita lihat langsung codingannya.  1.  Class MyServer.java yang di coding di SUBLIME TEXT Penjelasannya antara lain baris 1 : membaca library input output nya baris 2 :  perintah Program Java berisi kelas-kelas  yang memperbolehkan program berkomunikasi melewati jaringan. baris 3 : merupakan nama kelas yang dibuat baris 4 : merupakan kelas utama baris 5 : berfungs...
Posting Komentar
Baca selengkapnya