Mobile Applications and Web Programming

Rabu, 30 November 2016

Seeker (Progress 1)

Pada postingan-postingan sebelumnya, saya hanya membagikan tentang tutorial untuk membuat aplikasi dengan Android Studio. Kali ini saya akan memposting tentang Progress pertama dari kelompok yang kami beri nama SEEKER, dimana progress ini berupa tampilan web yang kami buat sebagai tempat informasi tentang lowongan pekerjaan yang dikhususkan untuk Jurusan Teknik se-Indonesia dan untuk jenjang D3 sampai S2. Pada web ini kalian dapat mencari pekerjaan berdasarkan Jurusan, Jenjang, dan Perusahaan.

Dan inilah tampilan web pada Progress 1 ini :

1. Home



2. Jenjang Pendidikan


3. Jurusan


4. Kontak




Pada tampilan di atas, masih banyak kekurangan pada web yang kami sajikan dan kami akan terus memperbaiki web kami agar dapat menjadi sumber terbaik untuk para pencari pekerjaan yaitu pada bidang Teknik khususnya. Sedangkan untuk Mobile Aplikasi Seeker kami belum dapat memberikan progress dikarenakan masih terjadi error dan aplikasi tersebut tidak dapat di run.

Sekian untuk postingan ini, untuk kekurangannya mohon maaf. Terimakasih
Share:

Sabtu, 05 November 2016

TUTORIAL MEMBUAT APLIKASI WEB VIEW

Setelah membuat Aplikasi Mahasiswa List pada pembahasan Tutorial menggunakan Android Studio sebelumnya, kali ini saya akan memberikan tutorial dalam membuat Aplikasi Web View. Dimana Aplikasi ini dapat membantu kamu ketika kamu ingin masuk ke web atau blog kamu secara cepat tanpa harus mengetik web atau blog kamu terlebih dahulu. Yuk mari kita mulai membuat Aplikasi Web View. Ikuti langkah-langkah berikut ini : 

1.   Buka software Android Studio, jika pada Android Studio telah terbuka project sebelumnya klik File > New > New Project.

2. Beri nama aplikasi yang akan kamu dibuat. Karena saya ingin membuat Aplikasi Web View maka saya memberi nama Aplikasi saya WebViewNirmala, setelah itu klik tombol Next.


3. Pilih target run untuk aplikasi yang akan dibuat, lalu klik tombol Next.


4. Selanjutnya terdapat pilihan layout untuk aplikasi yang akan kamu buat, silahkan pilih layout yang kamu inginkan. Untuk Aplikasi Web View saya menggunakan layout Blank Activity, klik tombol Next jika sudah selesai memilih layout.


5.  Kemudian akan tampil untuk Customize the Activity, pada tampilan ini tidak ada yang perlu diubah, lalu klik tombol Finish.


6. Jika layout sudah terbuka, klik app > manifest > AndroidManifest.xml lalu tambahkan kodingan seperti pada text yang di block pada gambar dibawah ini.


7. Lalu buatlah XML baru dengan cara klik kanan pada layout > New > XML > Layout XML file.


8. Beri nama layout sesuai yang kamu inginkan, lalu klik tombol Finish.


9.  Kemudian akan muncul tampilan layout, lalu klik tombol Text yang ada di samping tombol design kemudian masukkan kodingan seperti pada gambar dibawah ini.


10. Bukalah MainActivity.java, lalu mulai mengkoding dengan kodingan seperti pada gambar dibawah ini dan jangan lupa masukan web atau blog kamu pada kodingan tersebut.



11. Kemudian ini adalah kodingan yang terdapat pada content_main.xml.


12. Run aplikasi yang telah dibuat dengan klik tombol run pada toolbar, dan Run ke Smartphone kamu masing-masing dan install aplikasi tersebut. Setelah mengistal maka akan tampil icon Android pada Smartphone kamu.

13.  Dan ketika kamu klik icon Aplikasi Web View, maka akan langsung muncul web atau blog pada jaringan Google yang tersedia di Smartphone kamu.

-SELAMAT MENCOBA-
Share:

TUTORIAL MEMBUAT APLIKASI MAHASISWA LIST (LIST NAME)

Dalam pembahasan Android Studio sebelumnya kita telah berhasil membuat Aplikasi Kalkulator dengan mengikuti tutorial yang ada di dalamnya. Dan sekarang saya akan memberikan tutorial untuk membuat Aplikasi Mahasiswa List (List Name). Dimana List Name yang akan saya buat berdasarkan nama-nama Mahasiswa Politeknik Negeri Jakarta dari Program Studi Broadband Multimedia semester 5. Kalian juga bisa membuat list name berdasarkan nama-nama kelompok yang ada disekitarmu loh. Yuk kita mulai membuat Aplikasi Mahasiswa List (List Name). Ikuti langkah-langkah sebagai berikut :

1. Buka software Android Studio, jika pada Android Studio telah terbuka project sebelumnya klik File > New > New Project.


1. 2. Beri nama aplikasi yang akan kamu dibuat. Karena saat ini saya ingin membuat Aplikasi Mahasiswa List maka saya memberi nama Aplikasi saya MahasiswaListNirmala, setelah itu klik tombol Next.


3. Pilih target run untuk aplikasi yang akan dibuat, lalu klik tombol Next.


4. Selanjutnya terdapat pilihan layout untuk aplikasi yang akan kalian buat, silahkan pilih layout yang kalian inginkan. Untuk Aplikasi Mahasiswa List (List Name) ini saya menggunakan layout Blank Activity, setelah selesai memilih layout klik tombol Next.
 

5. Kemudian akan tampil untuk Customize the Activity, pada tampilan ini tidak ada yang perlu diubah, lalu langsung klik tombol Finish.


6. Saat tampilan Hello Word sudah terbuka, lalu klik tombol Text yang terdapat di samping kanan design pada content_main.xml lalu masukkan kodingan seperti pada gambar dibawah ini.


1 7. Copy paste image yang akan digunakan untuk icon gambar pada list name ke drawable.




8. Buatlah xml baru, yaitu dengan cara klik kanan pada layout, lalu klik New > XML > Layout XML file.


9. Selanjutnya beri nama layout sesuai yang kamu inginkan, disini saya memberikan nama layout_list_mahasiswa.xml. Setelah itu klik tombol Finish dan akan muncul tampilan layout.


10.   Klik tombol Text pada layout_list_mahasiswa.xml yang ada di samping kanan tombol design dan mulailah masukan kodingan sesuai gambar yang terdapat dibawah ini.



11. Lalu tambahkan java class, yaitu klik kanan pada java > New > Java Class. Kemudian masukkan kodingan untuk java class dimana saya memberi nama java class saya yaitu ListNama.java.



12. Masukkan kodingan untuk MainActivity.java sesuai dengan gambar yang ada dibawah ini.







13. Run aplikasi yang telah dibuat dengan klik tombol run pada toolbar, dan Run ke Smartphone kamu masing-masing dan install aplikasi tersebut. Setelah mengistal maka akan tampil icon Android pada Smartphone kamu.


14. Dan inilah tampilan saat mengklik Aplikasi Mahasiswa List (List Nama) yang telah saya buat.


-SELAMAT MENCOBA-

Share:

TUTORIAL MEMBUAT APLIKASI KALKULATOR MENGGUNAKAN ANDROID STUDIO

Pada pembahasan sebelumnya kita telah belajar apa itu Android Studio? Dan Bagaimana cara menginstall Android Studio tersebut. Untuk mengasah keahlian dalam menggunakan Android Studio setelah kita memiliki software yang sangat berguna ini, mari kita mulai dengan membuat Kalkulator. Ikuti tahap-tahap sebagai berikut :

1.  Buka software Android Studio, berilah Nama Aplikasi sesuai aplikasi yang akan kalian buat.Beri nama aplikasi yang akan kamu dibuat. Karena saat ini saya ingin membuat Aplikasi Kalkulator maka saya memberi nama Aplikasi saya KalkulatorNirmala, setelah itu klik tombol Next.



2. Pilih target run untuk aplikasi yang akan dibuat, lalu klik tombol Next.


3. Selanjutnya terdapat pilihan layout untuk aplikasi yang akan kalian buat, silahkan pilih layout yang kalian inginkan. Untuk Aplikasi Mahasiswa List (List Name) ini saya menggunakan layout Blank Activity, setelah selesai memilih layout klik tombol Next.


4. Kemudian akan tampil untuk Customize the Activity, pada tampilan ini tidak ada yang perlu diubah, lalu langsung klik tombol Finish.


5. Jika tidak terjadi error maka akan muncul tampilan seperti gambar dibawah ini.


6. Pada Palette tersedia tools seperti layout, text fields, widges, dll. Dimana tools ini dapat membantu kalian untuk mendesign bentuk aplikasi yang akan kalian buat. Untuk membuat aplikasi kalkulator saya menggunakan Large Text, Plain TextView, Number, dan Button. Saat ingin mengganti nama pada tools tersebut lakukan double klik pada tools yg kita gunaka dan mulai lah mengganti nama tools sesuai yang kalian inginkan.











7. Masukanlah kodingan di Text yang berada pada content_main.xml.





8. Setelah itu masukkan kodingan MainActivity.java




9. Run aplikasi yang telah dibuat dengan klik tombol run pada toolbar, dan Run ke Smartphone kamu masing-masing dan install aplikasi tersebut. Setelah mengistal maka akan tampil icon Android pada Smartphone kamu.


10. Dan akan muncul tampilan kalkulator seperti pada gambar dibawah ini, saat kalian mengklik aplikasi Kalkulator.


-SELAMAT MENCOBA-

Share:
Diberdayakan oleh Blogger.

Blogger templates