Mobile Applications and Web Programming

Rabu, 21 September 2016

Tag Dasar HTML

Pada halaman web yang terdiri dari perintah-perintah tertentu pada html dimana format tersebut akan memerintahkan Web Browser untuk menampilkan halaman web tersebut. Dan Web Browser hanya akan menerjemahkan perintah dari html sesuai format yang dibuat.

1. Basic Text Formatting 
Basic Text Formatting merupakan format yang digunakan untuk mengubah tulisan pada html. Misal, mengubah bentuk tulisan menjadi tebal, garis bawah, miring, teks berpangkat,dll.

Contoh format pada Text Formatting
Format
Fungsi
Contoh
<b>
Mempertebal tulisan
B
<strong>
Memiliki fungsi sama seperti format <b>
Strong
<i>
Membuat tulisan miring
Itu
<em>
Memiliki fungsi sama seperti format <i>
Em
<u>
Membuat tulisan bergaris bawah
U
<ins>
Memiliki fungsi sama seperti format <u>
Ins
<strike>
Mencoret tulisan
strike
<del>
Memiliki fungsi sama seperti foemat <strike>
del
<small>
Memperkecil ukuran teks
small
<sub>
Menulis apngkat bawah
Nsub
<sup>
Menulis teks berpangkat
Nsup
<blockquote>
Membuat baris baru agak menjorok kedalam dengan format teks yang berbeda juga

Blockquote

<code>
Tag untuk penulisan teks berupa kode
code
<mark>
Memberi penandaan teks tapi warnanya tidak dapat dirubah 
mark

Sumber : http://mas-muzt.blogspot.co.id/2014/06/html-teks-formatting.html

2.Identifying Resourse
   Identifying Resourse merupakan kegunaan untuk mengidentifikasi link dan gambar pada web. Kita dapat mengidentifikasi dengan html, head, dan body.

3.Using graphic images basics  
   Using graphic images basicsdigunakan untuk melakukan pengaturan gambar pada HTML yang akan ditampilkan pada web. Format untuk gambar, yaitu : JPG, PNG, dan GIF. Ukuran gambar dapat diatur pada saat mengkoding. Saat akan mentag gambar, pastikan bahwa gambar berada pada folder yang sama dengan html. Adapun cara memasukkan gambar dengan menggunakan <img src="namafoto.jpg" width="y" height="y">

4.Background Image  
   Background Image digunakan untuk membuat latar belakang pada halaman web agar terlihat semenarik mungkin. Adapun cara membuat baground warna pada web dengan menggunakan body{background-color:yellow}sedangkan untuk membuat baground image dengan background-image:url(‘latar.png’);

Sumber : https://bertzzie.com/knowledge/desain-web-dasar/Background.html
Share:

HTML Intermediate

1. Formatting with Tables 
   Formatting with Tables merupakan tampilan pada web yang menggunakan format agar informasi yang ada dalam web berupa tabel.

Berikut format-format untuk membuat table :

Tag
Fungsi
<table></table>
Tag utama
<caption></caption>
Menampilkan judul tabel
<tr></tr>
Tag baris
<th></th>
Header tabel
<td></td>
Tag sel-sel tabel

Sumber : https://vabellaa.wordpress.com/kuis/pengertian-tag-htmlbodytableformscript/

2.Frame
  Frame merupakan teknik yang digunakan untuk membuat window menjadi beberapa bagian. Frame membuat pengaturan hubungan antar suatu halaman menjadi mudah. 

Saat ingin menggunakan frame, lakukanlah pendefinisian bentuk frame seperti apa yang akan dibuat. Mengkoding untuk pembuatan frame menggunakan <frameset> dan diakhiri dengan </frameset> dan tidak perlu lagi menggunakan <body>, sebagai contoh:

<html>
<head>
   <title> BELAJAR MEMBUAT FRAME</title>
</head>
<frameset>
-------bagian frame------
</frameset>
</html>

Sumber : http://www.carawebs.info/2013/08/cara-membuat-frame-html.html
3.Collecting information 
  Collecting information adalah suatu metode yang digunakan untuk mengumpulkan informasi. Informasi tersebut dapat berupa data maupun tabel.
Share:

Apa itu HTML ?



HTML (Hyper Text Markup Language)adalah sebuah bahasa yang digunakan untuk membuat halaman web. Namun HTML bukan bahasa pemograman tetapi bahasa yang berisi perintah-perintah dengan format tertentu dan terstruktur agar dapat menampilkan sesuatu. 
Contoh beberapa format yang digunakan pada HTML : 
1. Membuat struktur pada web
   <html>
   <body>
      <h1>This a Heading</h1>
      <p>This is a paragraph.</p>
      <p>This is another paragraph.</p>
   </body>
   </html>
2. Menampilkan foto pada web
  <img src="bm.jpg" width="450" height="300">
3. Melihat link pada html
  <a href="http://www.rayhannirmala-bmpnjbatch2.co.id">Lihat Blog</a>

Dari beberapa format dasar di atas, mari mulai membuat web sederhana.
1. Buka notepad atau notepad++ , lalu mulai mengkoding format sesuai tampilan yang kita inginkan.

2. Save dengan format nama yang berakhiran (.html), contoh exersice1.html
3. Lalu lihat hasilnya dengan browser
  Berikut hasilnya

Share:

Rabu, 14 September 2016

Apa itu Android Studio? Bagaimana Cara Untuk Manginstall Android Studio?



Android Studio adalah perangkat lunak yang dikembangkan oleh Google untuk mengembangkan aplikasi Andoird. Banyak fitur yang ditawarkan dalam Android Studio yang dapat membuat pengembangan menjadi lebih mudah. 



Android Studio ini merupakan pengembangan dari eclipse dimana telah tersedianya Android SDK tools di dalam Android Studio IDE. Dengan adanya dukungan Android Lollipop pada Android Studio membuat para para pengembang aplikasi dapat mengimplementasikan berbagai project aplikasi mereka pada semua jenis smartphone.

Sebelum memulai untuk meng-install Android Studio, laptop harus terkonfigurasi agar bertindak sebagai platform pengembangan yaitu dengan meng-install terlebih dahulu Java Development Kit (JDK).


Setelah selesai meng-install Java Development Kit (JDK) baru lah kita memulai untuk meng-install Android Studio. Berikut langkah-langkah dalam meng-install Android Studio :

1. Download aplikasi Android Studio terlebih dahulu, setelah selesai mendownload Andoid Studio lalu buka .exenya. Kemudian akan muncul tampilan seperti di bawah ini.


2. Setelah menunggu verifying installer akan muncul tampilan Welcome to Android Studio Setup. Lalu klik Next>. 


3. Pilihlah salah satu atau semua untuk meng-install komponen tambahan Android SDK dan Virtual Device. Lalu klik Next>


4. Akan muncul jendela Licence Agreement, lalu klik I Agree


5. Pada tampilan Configuration Settings, kita dapat menentukan lokasi folder Android Studio yang kita inginkan. Tentukan lokasi tersebut, lalu klik Next> 


6. Pilihlah Star Menu Folder tampilan Choose Start Menu Folder, lalu klik Install.


7. Tampilan ini menunjukkan bahwa proses penginstallan sedang berjalan.


8. Setelah proses penginstallan selesai keluar tombol Installation Complete, lalu klik Next>


9. Centang Start Android Studio untuk memulai pertama kali Android Studio, lalu pilihlah Finish.


10. Lalu akan muncul tampilan seperti di bawah ini. Untuk pengguna pemula pilihlah “I do not have a previous version of Android Studio or I do not want to import my settings, lalu klik  OK.


11. Setelah tampilan seperti di bawah ini muncul. Maka kalian sudah dapat membuat project di Aplikasi Android Studio.



Share:
Diberdayakan oleh Blogger.

Blogger templates