PROGRESS KELOMPOK 2 "SEEKER"

Kali ini saya akan memposting tentang progres kelompok 2 yang membuat web yang berjudul "SEEKER". Seeker merupakan sebuah web yang bertujuan untuk menyediakan lowongan pekerjaan bagi para fresh graduate maupun orang-orang yang sedang membutuhkan pekerjaan. Namun, untuk Seeker sendiri, kami hanya menyediakan jurusan yang mengarah ke teknik, seperti: teknik elektro, teknik sipil, teknik mesin, dan masih banyak lagi.

1. HOME

Pada bagian HOME, kurang lebih seperti ini tampilannya. Namun, ini masih jauh dari kata rapih dan selesai, karena masih dalam progress.

2. JENJANG PENDIDIKAN

Pada bagian ini akan dijelaskan tentang jenjang pendidikan apa saja yang akan disediakan oleh web kami.

3. JURUSAN

Tidak lupa dengan jurusan, kami hanya menyediakan jurusan yang mengarah ke teknik.

4. KONTAK

Untuk progres aplikasi pada Android Studio belum dapat kami tampilkan, dikarenakan masih banyaknya eror yang ada pada codingan dan belum mau running di smartphone.

TERIMAKASIH!!!! :D

Read More

Tutorial Membuat List View Mahasiswa pada Android Studio

Haloooo readers! Kali ini, saya akan memberikan tutorial tentang membuat List View Mahasiswa pada Android Studio.

So, let's get started!!! :D

1. 1. Seperti biasa, create new project pada Android Studio dengan nama webview. (tutorial create new project bisa dilihat di post-post yang sebelumnya.)

2. Pada "Add on Mobile to Activity" pilih Basic Activity.

3. Pada tampilan awal di tab content_main.xml, pilih "Grid Layout" lalu drag ke dalam layar.

4. Pada bagian text, isi dengan codingan seperti dibawah ini.

5. Pada bagian res di folder layout klik kanan > new > XML > Layout XML > beri nama XML nya.

6. Kemudian XML yang baru tadi diisi dengan codingan seperti dibawah ini.

7. Pada bagian design, seperti ini hasilnya.

8. Kemudian pada bagian MainActivity.java diisi dengan codingan seperti dibawah ini.

9. Lalu buat java class baru dengan cara buka expand java > klik kanan di opsi paling atas > new > java > buat nama class java. Isi dengan codingan seperti dibawah ini.

10. Coba Run menggunakan smartphone.


Mohon maaf karena belum bisa menampilkan hasil running pada smartphone, dikarenakan Android Studio yang membutuhkan update dan tidak mau connect ke smartphone.

Terimakasih sudah membaca blog saya! Semoga lebih baik lagi untuk kedepannya :D

Read More

Tutorial Membuat WebView pada Android Studio

Haloooo readers! Kali ini, saya akan memberikan tutorial tentang membuat Web View pada Android Studio. Apa itu Web View? Jadi, Web View itu akan memberikan tampilan web atau blog milik kita jika Android Studio kita terhubung dengan handphone android.

So, let's get started!!! :D

1. Seperti biasa, create new project pada Android Studio dengan nama webview. (tutorial create new project bisa dilihat di post-post yang sebelumnya.)

2. Pada "Add on Mobile to Activity" pilih Basic Activity.

3. Tampilan awal pada Android Studio.

4. Masukan codingan seperti dibawah ini pada MainActivity.java.

5. Masukan codingan seperti dibawah ini pada AndroidManifest.xml, beserta dengan codingan tambahan yang di block.

6. Pada bagian res, lalu folder layout klik kanan, pilih new > Layout resource file.

7. Masukan nama file sesuai keinginan.

8. Masukan codingan seperti dibawah ini pada layout baru yang telah dibuat.

9. Coba Run pada handphone android readers.



Mohon maaf karena belum bisa menampilkan hasil running pada smartphone, dikarenakan Android Studio yang membutuhkan update dan tidak mau connect ke smartphone.

Terimakasih sudah membaca blog saya! Semoga lebih baik lagi untuk kedepannya :D

Read More

Tutorial Membuat Kalkulator pada Android Studio

KONBANWA!
Akhirnya setelah 2 minggu ngepost tugas lagi ehehehe (lebih tepatnya karena jadwal upload tugas sekarang setiap 2 minggu). JADIIIII hari ini saya akan membuat sebuah tutorial atau langkah-langkah membuat kalkulator sederhana dengan aplikasi Android Studio. Namun sebelumnya, saya ingin meminta maaf terlebih dahulu karena tidak bisa menampilkan hasil kalkulator di Smartphone saya dikarenakan adanya error atau kesalahan yang masih saya cari tahu.

So now let's get started!

1. Buka aplikasi Android Studio terlebih dahulu

2. Isi Application Name dan Company Domain. Klik Next

3. Pilih Minimum SDK yang diinginkan. 

4. Pilih Empty Activity. Klik Next.

5. Isi Activity Name dan Layout Name. Checklist "Generate Layout File" sebagai header aplikasi.

6. Pilih Large Text, lalu drag dan masukan ke layar handphone. Kemudian double klik pada kotak Large Text nya dan rubah judul aplikasi seperti yang diinginkan.

7. Kemudian pilih Plain TextView, drag dan masukan ke dalam display, klik pada kotak Plain TextView dan rubah text dan id sesuai keinginan. 

8. Pilih tipe teks number untuk memberi garis pada display.

9. Pada widgets, pilih Button untuk memberi tombol tambah, kurang, kali, dan bagi pada display.

10. Kemudian klik text pada bawah pallete untuk melihat hasil koding dari desain display yang telah kita buat.

11. Lalu ke halaman MainActivity.java.

12. Akhirnya, copy semua kodingan ke dalam MainActivity.java

13. Ini merupakan hasil dari kalkulator sederhana pada smartphone



Sekian penjelasan dari saya, mohon maaf jika banyak salah kata atau langkah.

ARIGATOU GOZAIMASU! :D

Read More

TUTORIAL MEMASUKAN IKON PADA ANDROID STUDIO

 1. Buka aplikasi Android Studio dan pilih "Start a new Android Studio Project".

2. Isi Application Name dan Company Domain. Klik Next.

3. Pilih minimum SDK yang akan digunakan untuk projek kamu. Akan lebih baik jika kamu menggunakan SDK yang paling minimum yaitu IceCreamSandwich agar ketika Operating System kamu lebih tinggi dari SDK tersebut, akan tetap compatible ketika dihubungkan ke hape kamu. Klik Next.

4.  Pilih tampilan awal untuk aktivitas projek kamu. Disini kita pilih Basic Activity. Klik Next.
 

5.  Biarkan kolom-kolom tersebut terisi otomatis dari aplikasi tersebut. Klik Finish.
 

6. Pada tampilan awal projek kamu, kamu akan menemukan tulisan "Hello World!".

7. Pada folder "app", cari folder "res" kemudian klik kanan pada folder tersebut. Kamu akan menemukan banyak sekali option, lalu klik "New" kemudian "Image Asset".

8. Pada Asset Type pilih Launcher Icon, kemudian browse image untuk memasukan ikon. Klik Next.
 

9. Klik Finish.

10. Kemudian jalankan program dengan Klik Ikon Run pada toolbar.

11. Deployment Target, gunakan handphone kamu sendiri sebagai device nya untuk menampilkan tampilan ikon untuk aplikasi kamu.

12.Untuk screen shot terakhir tidak ada karena ikon tidak mau keluar pada handphone saya meskipun sudah tersambung dengan android stuudio.


Sekian tutorial dari saya, semoga bermanfaat bagi pembaca.

ARIGATOU GOZAIMASU! :D 

Read More

PRACTICE WITH HTML 2

KONBANWA! :D
Kali ini saya akan memahas (masih) seputar HTML, namun kali ini akan sedikit lebih kompleks karena saya akan mencoba membuat beberapa tampilan yang saya sendiri masih coba-coba.. Hehehe.. So, let's get started!

1. TABLE
Pertama, saya akan mencoba membuat table dalam HTML. Kalian pasti tahu kegunaan dari tabel. Menurut saya pribadi, bentuk tabel dalam sebuah file sangat membantu dalam segi kerapihan dan ke-esifiensi-an (halah!), apalagi kalau data yang dimiliki sangat banyak dan ada kelompok-kelompoknya. Saya akan mencoba membuat tabel sederhana dalam HTML.

Pada HTML

Pada Chrome

 

Pada gambar diatas, tabel menggunakan header yang berfungsi untuk mengelompokkan nama dan makanan favorit. Untuk header, menggunakan awalan tag <th> dan diakhir dengan tag </th>. Untuk tabel, menggunakan tag <tr> dan <td>, dimana <tr> untuk sebuah baris dan <td> untuk kolom.

2. LISTS
List merupakan sebuah format dalam teks untuk mengurutkan sebuah data. Saya akan membuat LIST dalam HTML.

Pada HTML

Pada Chrome

 

Gambar diatas merupakan contoh LIST sederhana dalam HTML. LIST sendiri memiliki 3 jenis, yaitu: Unordered List, Ordered List, dan Definition List. Unordered List memiliki bentuk bulat atau circle, sedangkan Ordered List di list berdasarkan nomor atau angka. Definition List digunakan untuk mendiskripsikan suatu list.

3. LAYOUT

Selanjutnya adalah LAYOUT. LAYOUT yang saya beri contoh kali ini menggunakan tag <table>, dimana tag <table> ini bertujuan untuk membuat data berada di tengah layout (jadi seperti ada tabel didalam layout, kurang lebih itu yang saya pahami dari materi hehehe).

Pada HTML

Pada Chrome

 

4. FORMS AND INPUT

Lalu ada HTML FORMS and INPUT. biasanya HTML ini digunakan pada bagian log in atau sign up pada sebuah web atau aplikasi yang membutuhkan account (akun). 

Pada HTML

Pada Chrome
 

5. IFRAMES

IFRAME digunakan untuk melihat sebuah page pada web dalam bentuk per-frame atau per-bagian dengan ukuran yang berbeda-beda.

Pada HTML

Pada Chrome
 

6. ENTITIES

Untuk menampilkan lambang atau simbol pada HTML

Pada HTML

Pada Chrome
 

 

Sekian pembahasan dari saya, mohon maaf kalau banyak yang masih kurang.. Ya namanya juga masih coba-coba dan belajar. Hehehehe.. Semoga pembahasan dari saya dapat berguna bagi pembaca.

Arigatou Gozaimasu! :D

Read More