Andorid Studio - Tampilan Awal Aplikasi Android

Tanpa basa basi disini saya akan menjelaskan cara membuat tampilan awal aplikasi Android Coventure, yaitu aplikasi yang akan saya buat. langsung saja cekitbrot :

1. Pertama kita buka Android Studio dan pilih Make new project atau pilih File>New>New Project.

2. Setelah pilih New Project, beri nama project tersebut. Saya menamakan project saya CoventureApk dan namakan company nya

3. Kemudian pilih target android devices nya seperti devices yang dipakai untuk aplikasi ini, minimum sdk untuk aplikasi ini dan lain-lain.

4. Setelah itu pilih activity untuk aplikasi ini, saya pilih basic activity

5. Tulis nama dari activity tersebut

6. Jika tidak ada masalah maka Android Studio akan menampilkan Hello world pada layar aplikasi

7.Untuk menampilkan tampilan awal atau logo aplikasi kita, kita dapat memilih widgets > ImageButton kemudian copy paste file foto ke res>drawable. Maka hasilnya akan seperti ini

9. Sedangkan untuk menampilkan logo pada saat aplikasi di-launch kita harus men-generate file foto kita ke web ini terlebih dahulu untuk memudahkan Launcher Icon Generator kemudian copy hasil download zipnya ke res>mipmap

Tugas HTML 3 dan 4

06.49

1. HTML IMAGES

Dalam HTML kita dapat menampilkan gambar pada halaman web kita. format penulisannya adalah:
<img src="Lokasi Gambar/.format" alt="alternatif" width="ukuran lebar px" height="ukuran panjang px">
contoh : <img src="PNJ.png" width="230" height="230">

--------------------------------------------------------------------------------------------------------------------------

2. HTML TABLES
Dalam html kita dapat membuat table pada halaman web kita. format penulisan untuk table adalah:

<table border="1">
<tr>
<th>Gunung</th>
<th>Pantai</th>
<th>Budaya</th>
</tr>
<tr>
<td>Mahameru</td>
<td>Kuta Bali</td>
<td>Baduy</td>
</tr>
<tr>
<td>Slamet</td>
<td>Seribu</td>
<td>Dayak</td>
</tr>
<tr>
<td>Ciremai</td>
<td>Sawarna</td>
<td>Anak dalam</td>
</tr>
</table>

<table border="1"> = Untuk memberi border dengan ukuran 1px
<tr> = Menunjukan baris tabel.
<th> = Menunjukan header tabel.
<td> = Menunjukan isi / data tabel.

--------------------------------------------------------------------------------------------------------------------------

3. HTML LIST

Pada html dapat membuat list, list merupakan sebuah cara untuk membuat point-point layaknya bullets and numbering pada MS.word. format penulisannya :

1. unordered list, yang seperti bullets

<ul>

<li>Mahameru</li>

<li>Slamet</li>

<li>Ciremai</li>

</ul>

2. orderedlist, berbentuk angka berurutan

<ol>
<li>Mahameru</li>
<li>Slamet</li>
<li>Ciremai</li>
</ol>

3. definition list, untuk mendefinisikan sesuatu

<dl>
<dt>Gunung</dt>
<dd>- Mahameru</dd>
<dd>- Ciremai</dd>
<dd>- Slamet</dd>
<dt>Pantai</dt>
<dd>- Kuta</dd>
<dd>- Sanur</dd>
<dd>- Swarna</dd>
<dt>Budaya</dt>
<dd>- Baduy</dd>
<dd>- Dayak</dd>
<dd>- Anak Dalam</dd>

</dl>

--------------------------------------------------------------------------------------------------------------------------

4. <div> dan <span>

<div> digunakan untuk membuat grup untuk dokumen html. jadi apabila diberikan <div> maka akan ada jeda sebelum dan sesudah dokumennya.

contoh :

<div> <h1>saya sehat</h1>
<p> rajin berolahraga</p>
</div>

<span> digunakan untuk container pada text.

contoh:
<span> <h1>saya sehat</h1>
<p> rajin berolahraga</p>
</span>

5. HTML LAYOUT
layout digunakan untuk membuat atau mendesain halaman web agar dapat dilihat oleh pengunjung. pembuatan layout digunakan untuk mengelompokan isi pada web agar tersusun dengan baik. Layout dapat dibuat dengan <div> atau tabel.

1. Layout menggunakan div:

<!DOCTYPE html>
<html>
<body>
<div id="container" style="width:500px">
<div id="header" style="background-color:#FFA500;">
<h1 style="margin-bottom:0;">Main Title of Web Page</h1></div>
<div id="menu" style="backgroundcolor:#FFD700;height:200px;width:100px;float:left;">
<b>Menu</b><br>
HTML<br>
CSS<br>
JavaScript</div>
<div
id="content"
style="backgroundcolor:#EEEEEE;height:200px;width:400px;float:left;">
Content goes here</div>
<div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">
Copyright © W3Schools.com</div>
</div>
</body>
</html>

2. Layout menggunakan tabel:

<html>
<body>
<table width="500" border="0">
<tr>
<td colspan="2" style="background-color:#FFA500;">
<h1>Main Title of Web Page</h1>
</td>
</tr>
<tr>
<td style="background-color:#FFD700;width:100px;text-align:top;">
<b>Menu</b><br>
HTML<br>
CSS<br>
JavaScript
</td>
<td style="background-color:#EEEEEE;height:200px;width:400px;text-align:top;">
Content goes here</td>
</tr>
<tr>
<td colspan="2" style="background-color:#FFA500;text-align:center;">
Copyright © W3Schools.com</td>
</tr>
</table>
</body>
</html>

--------------------------------------------------------------------------------------------------------------------------

5. FORM
form pada html digunakan untuk menginput data dari keyboard oleh pengunjung web.
contohnya:

1. Untuk menginput Username

<form name="input" action="html_form_action.asp" method="get">
Username: <input type="text" name="user">
</form>

2.Untuk menginput Password

<form>
Password: <input type="password" name="pwd">
</form>

3. Untuk menginput nama.
<form>
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">
</form>

4. Radio ( berbentuk lingkaran yang dapat diklik untuk memilih sesuatu)

<form>
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
</form>

5. Checkbox untuk memilih atau mengaktifkan sesuatu

<form>
<input type="checkbox" name="vehicle" value="Bike">Indonesia<br>
<input type="checkbox" name="vehicle" value="Car">Asing

</form>

6. Submit, tombol untuk mengirim data yang sudah diinout pada form

<form>
<input type="submit" value="Submit">
</form>

contoh apabila script diatas digabungkan menjadi satu dokumen html adalah:

--------------------------------------------------------------------------------------------------------------------------

7. IFRAME
Digunakan untuk memasukan halaman web lain didalam halaman web tertentu.

<iframe src="demo_iframe.htm" width="200" height="200"></iframe>

setelah src dimasukannya link ke halaman web yang dituju. dengan penambahan width dan height maka kita dapat mengatur ukuran halaman web yang kita masukan ke halaman web tertentu.

--------------------------------------------------------------------------------------------------------------------------

8.Sekarang semua jenis tag html diatas kita gabungkan menjadi satu kesatuan dalam satu layout.

<!DOCTYPE html>

<html>

<body>

<tr>

<h1>COVENTURE</h1>

</td>

</tr>

<tr>

<b>BERANDA</b><br>

PEMBAYARAN<br>

AKUN SENDIRI<br>

ABOUT

</td>

<b><big><p>Pilihan Open Trip</p></big></b><table border="1">

<br>

<tr>

<th>Gunung</th>

<th>Pantai</th>

<th>Adat Budaya</th>

</tr>

<tr>

<td>Gunung Merbabu</td>

<td>Pantai Losari</td>

<td>Suku Baduy</td>

</tr>

<tr>

<td>Gunung Mahameru</td>

<td>Pantai Kuta</td>

<td>Suku Anak Dalam </td>

</tr>

<tr>

<td>Gunung Ciremai</td>

<td>Pantai Gealap</td>

</tr>

</table>

<ol>

<dl>

<li><dt>Gunung Merbabu</dt></li>

<dd>- Gunung Merbabu by Asta Deca</dd>

<dd>- Gunung Merbabu by Himpala</dd>

<dd>- Gunung Merbabu by Mapala UI</dd>

<li><dt>Gunung Mahameru</dt></li>

<dd>- Gunung Mahameru by Kappa</dd>

<dd>- Gunung Mahameru by MewTech</dd>

<dd>- Gunung Mahameru by Blackstars</dd>

</dl>

</ol>

<form>

Nama Depan : <input type="text" name="firstname">

</form>

<br>

<form>

Nama Belakang : <input type="text" name="lastname">

</form>

<br>

<form>

Password : <input type="password" name="pwd">

</form>

<br>

<form>

<input type="radio" name="sex" value="male">Laki Laki

</form>

<br>

<form>

<input type="radio" name="sex" value="female">Perempuan

</form>

<br>

<form>

<input type="checkbox" name="vehicle" value="Bike">Orang Kaya

</form>

<br>

<form>

<input type="checkbox" name="vehicle" value="Car">Orang Miskin

</form>

</td>

</tr>

<tr>

</tr>

</table>

</body>

</html>

Iman's Blog</a></p>

Username: <input type="text" name="user">

</form>

HTML Intermediate

22.25

1. Formatting with Tables
Table pada HTML diartikan dengan tag <table>. Pada baris tabel didefinisikan dengan tag <tr>, sedangkan pada sebuah data tabel didefinisikan dengan tag <td>. Pada tag <td> yang merupakan wadah data tabel memiliki beragam macam HTML, seperti untuk teks, gambar, daftar, tabel lain, dll. Beberapa elemen <td> satu demi satu akan membuat kolom dan baris pada tabel. Tabel pada HTML digunakan untuk menampilkan data dengan mudah bagi pengguna untuk membacanya.
(source : http://www.w3schools.com/html/html_tables.asp & http://learn.shayhowe.com/html-css/organizing-data-with-tables/ )

2. Frames
HTML frames digunakan untuk membagi jendela browser menjadi beberapa bagian dimana tiap bagian memuat dokumen HTML terpisah. Koleksi jendela browser dikenal denganframeset, yang dibagi menjadi frame dalam baris dan kolom. Untuk menggunakan frame, kita menggunakan tag &lt frameset>. Baris dari <frameset> mendefinisikan frame horizontal dan cols atribut mendefinisikan frame vertikal. Setiap <frame> mendefinisikan dimana dokumen HTML harus membuka dalam beberapa frame.
(source : http://www.tutorialspoint.com/html/html_frames.htm )

3. Collecting Information
Mengumpulkan dan mengatur informasi dibawah judul atau tema. Dimana dokumen itu dapat disimpan ulang untuk kebutuhan.
(source : http://www.learnalberta.ca/content/sssm/html/collectinginformation_sm.html )

Konsep HTML

22.22

Konsep Dasar HTML,

HTML atau Hyper Text Markup Language adalah sebuah bahasa, atau markup bahasa dalam web. yang digunakan untuk mendeskripsikan dokumen untuk web. jadi bagi sobat yang ingin membuat web yaa setidaknya harus paham tentang HTML.

Format dasar HTML yaitu;
<html>
<head>
<title>judul</title>
</head>
<body>

<h1>heading</h1>
<p>paragraph.</p>

</body>
</html>
=========================================================================================

Dalam HTML ada beberapa tag dasar yaitu;

Basic Text Formating : untuk mengatur format teks ada beberapa perintah atau tag dasar seperti, <b> Text</b> untuk membuat teks menjadi Bold, <i> Text</i> membuat teks menjadi italic. nah ini selengkapnya;

<b> - Bold text
<strong> - Important text
<i> - Italic text
<em> - Emphasized text
<mark> - Marked text
<small> - Small text
<del> - Deleted text
<ins> - Inserted text
<sub> - Subscript text
<sup> - Superscript text

Identifying Resource: untuk menunjukan link atau gambar dari link. formatnya adalah dengan menggunakan perintah
<a href="url">link text</a>

Using Graphic Image Basic : menggunakan perintah tag pada HTML untuk menampilkan gambar dihalaman web dari link.
<img src='Lokasi/Gambar.jpg' alt="Gambar" style="width:304px;height:228px;">

Background Image : mengguakan tag atau perintah untuk memberikan gambar untuk latar belakang pada web. Jika ingin menambahkan latar belakang, kita perlu menentukan di < body > tag gambar yang akan digunakan untuk latar belakang. Jika gambar yang digunakan lebih kecil dari layar, maka gambar akan direplikasi sampai memenuhi seluruh layar.
<body background='lokasi/gambar.jpg'>

Contoh Hasil Belajar HTML

08.13

Contoh Hasil Belajar HTML

Definisi dari : HTTP, Client Side Programming, Server Side Programming, Web Server

23.02

HTTP

HTTP yang merupakan kependekan dari Hypertext Transfer Protocol adalah protokol untuk mentransfer data melalui web. HTTP ini merupakan bagian dari protokol internet dan merupakan dasar dari komunikasi data pada World Wide Web (WWW).

Hypertext Transfer Protocol (HTTP) adalah sebuah protokol jaringan lapisan aplikasi yang digunakan untuk sistem informasi terdistribusi, kolaboratif, dan menggunakan hipermedia. Penggunaannya banyak pada pengambilan sumber daya yang saling terhubung dengan tautan, yang disebut dengan dokumenhiperteks, yang kemudian membentuk World Wide Web pada tahun 1990 oleh fisikawan Inggris, Tim Berners-Lee.

Sumber :

http://www.ficripebriyana.com/2013/12/pengertian-http-html-url-www-ftp-dns.html

Client Side Programming

Client Side merupakan teknologi webpage yang menerapkan jenis pemrograman web dimana semua sintaks dan perintah program dijalankan di web browser sehingga ketika client meminta dokumen yang mengandung script, script tersebut akan diambil dari web server kemudian dijalankan di web briwser yang bersangkutan. Contoh dari Client Side Programming seperti : Java Script, VbScript, HTML. ).

Sumber :

http://www.it-jurnal.com/perbedaan-client-side-dan-server-side-web-programming/

Server Side Programming

Server Side merupakan teknologi webpage yang menerapkan jenis pemrograman web dimana semua sintaks dan perintah program yang diberikan akan dijalankan/diproses di web server, kemudian hasilnya dikirimkan ke browser pengguna dalam bentuk HTML biasa. Sehingga pengguna tidak dapat melihat kode asli yang ditulis dalam bentuk server side programming seperti; CGI/Perl Active Server Page, PHP, Cold Fussion dan lain-lain. Contoh lain dari teknologi webpage yang bersifat server side adalah mesin pencari(search engine

Sumber :

http://www.it-jurnal.com/perbedaan-client-side-dan-server-side-web-programming/

Web Server

Web server adalah software yang menjadi tulang belakang dari world wide web (www). Web server menunggu permintaan dari client yang menggunakan browser. Jika ada permintaan dari browser, maka web serverakan memproses permintaan itu kemudianmemberikan hasil prosesnya berupa data yang diinginkan kembali ke browser.

Sumber :

https://bukainfo.com/pengertian-web-server-sebenarnya/

Tutorial MengInstall Android Studio

22.40

Android Studio adalah perangkat lunak buatan Google untuk para developer android dalam membuat dan mengembangkan aplikasi android. Android studio merupakan IDE resmi untuk pengembangan aplikasi Android, berdasarkan IntelliJ IDEA. Di atas kemampuan yang Anda harapkan dari IntelliJ, Android Studio menawarkan banyak fitur yang memungkinkan alur kerja pengembangan Anda menjadi lebih mudah dan menyenangkan dalam satu set.

Android Studio ini juga merupakan pengembangan dari eclipse, dikembangkan menjadi lebih kompleks dan professional yang telah tersedia didalamnya Android Studio IDE, Android SDK tools
Android 5.0 (Lollipop) Platform, Android 5.0 emulator system image with Google APIs, terlebih Android studio ini sudah memiliki dukungan untuk Android Lollipop 5.0 yang membuat para developer lebih luas dalam mengimplementasikan berbagai project aplikasi mereka pada berbagai interface semua jenis smartphone atau tablet Android.

Sebelum Anda dapat memulai pengembangan aplikasi Android, langkah pertama adalah untuk mengkonfigurasi sistem komputer untuk bertindak sebagai platform pengembangan. Hal ini melibatkan sejumlah langkah yang terdiri dari menginstal Java Development Kit (JDK)dan Android Studio Integrated Development Environment (IDE) pada komputer Anda. Sebelumnya Download dulu filenya Di Sini

Namun pada ulasan kali ini saya hanya menjelaskan Tutorial Menginstall Android Studio, langsung saja kita lihat, check it out :

1. Pilih folder tempat Android Studio yang telah didownload disimpan kemudian klik kanan dan pilih "open" dan pilih "Run" pada box yang tampil