Apakah bisa Ngoding Lewat Handphone? Part II: Menjalankan Web Statis HTML di Android

Oke sob sebelumnya saya sudah membuat postingan tentang Apakah bisa coding lewat handphone ya , dipostingan ini saya akan melanjutkan part ke 2 nya karena dipostingan tersebut belum menjelaskan bagaimana cara untuk menulis program dan menjalankannya.

Apa yang harus dipersiapkan?

Sebelum memulai ngoding sobat harus menginstall beberapa aplikasi yang dibutuhkan untuk memulai ngoding, yang pastinya adalah aplikasi Text Editor. 

1. Text editor adalah aplikasi untuk menuliskan teks biasa yang berguna untuk menuliskan program yang kita buat selanjutnya hasil codingan tersebut kita simpan ke dalam bentuk file untuk dijalankan dengan Web Browser atau Compiler.

2. Compiler, untuk bahasa pemrograman tertentu sobat diharuskan untuk menginstall compiler. Compiler berguna untuk menerjemahkan codingan kita yang telah dibuat dengan Text editor ke bahasa mesin supaya bisa dikenali dan dijalankan oleh System operasi.

3. Web Browser: Khusus bagi kalian yang memulai ngoding berbasis web (HTML,CSS,JS), sobat diharuskan untuk menginstall ini, karena hasil dari program yang kita buat di text editor bisa kita langsung di Lihat di Web browser contoh web browser adalah Chrome, Firefox dll


Ngoding Web Statis di Hp (HTML/CSS/Javascript)

untuk memulai ngoding web di Hp sobat khususnya android sobat hanya perlu menginstall dua aplikasi yaitu Text editor dan Web browser. saya disisi belum menjelaskan Compiler, karean Compiler akan dibutuhkan pada saat masuk ke Web dinamis/atau pemrograman PHP dan Mysql.

Text Editor di Android

Ada banyak sekali Text Editor di Playstore yang bisa kita pakai untuk menuliskan kode kode program, berikut Text editor yang biasa saya pakai (klik untuk mendownload di playstore).

1. DroidEdit

2. Turbo Editor

3. QuickEdit

4. Jota Text Editor

5. Acode

6. 920 Text Editor

dan msih banyak lagi, sobat bisa memilih salah satu text editor diatas atau text editor lain yang blum saya sebutkan diatas semuanya tergantung selera pemakainnya.


Browser

Sudah pasti untuk browser sudah ada secara default di semua sistem android sobat bisa menggunakan browser yang umum misal Google Chrome, Mozilla Firefox, dll


Langkah Langkah

  • Buka aplikasi text editor yang sudah sobat download saya menggunakan Droid Edit ya. setelah itu masuukan kode HTML dasar seperti contoh berikut bisa di copy paste
  • kemudian pastekan di Aplikasi DroidEdit tadi seperti gambar berikut, silahkan tambahkan text atau apapun yang dikehendaki
    Coding lewat hp

  • setelah selesai kita simpan ke dalam berbentuk file seperti gambar berikut, klik icon sebelah kiri lalu klik Save As, kemudain pilih Local...


  • Sebaiknya kita buat dahulu folder khusus supaya file tersebut tidak tercampur dengan file kita yang lainnya (lihat gambar) klik icon yang ditunjuk kemudian masukkan nama folder yang diinginkan saya memasukkan web berarti saya membuat folder bernama web, kemudian klik tombol Create. oh ya file tersebut saya simpan di Penyimpanan internal maka kurang lebih Path/jalur nya seperti ini /storage/emulated/0/web/


  • Setelah selesai langkah diatas kita masukkan nama file nya dengan nama index.html kemudian klik Create
  • nanti kita akan balik lagi ke Text editormya dengan sudah muncul codingan sudah berwarna berarti aplikasi sudah menegenali file tersebut dengan format .html

  • selanjutnya kita akan melihat hasil codingan kita melaui web browser dengan cara klik icon seperti yang ditunjuk kemudian klik Preview in Browser , terus pilih browser yang diinginkan misal Google Chrome. 

Note: apabila sobat menggunakan aplikasi selain DroidEdit caranya adalah dengan membuka Browser terlebih dahulu kemudian di url alamatnya masukkan seperti berikut file:///storage/emulated/0/web/index.html 

  • maka nanti kan terbuka aplikasi browsernya dan langsung menampilkan hasil dari codingan kita.

Oke selesai itu langkah langkah untuk menggunakan terxt editor dan melihat hasilnya di web browser melalui hp.

Sobat bisa belajar lebih jauh lagi tentang web misal HTML, CSS, Javascript di website w3schools.com atau bisa menonton di youtube di Channel nya Web Programming Unpas.

Sekian saja yang bisa saya sampaikan mudah mudahan bermanfaat, apabila ada yang perlu ditanyakan silahkan tinggalkan pesan di komentar. Terimakasih :)


Next Post Previous Post
No Comment
Add Comment
comment url