Blognya Nabila

Android Studio - Tampilan awal Mobile App

Masih ingat kan dengan tutorial meng-install Android Studio? Kali ini akan saya ceritakan pengalaman saya menggunakan Android Studio pertama kalinya, saya juga akan melampirkan foto hasil percobaan saya. Berikut adalah hasilnya.

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 MyFirstAndroidApp 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. Android Studio sedang memproses

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

8. 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

Sumber : http://www.okedroid.com/2015/12/belajar-cara-menampilkan-gambar-dan-icon-launcher-pada-aplikasi.html

Keep Reading

/ Add Comment

CONVERSATION

0 comments:

Post a Comment

Contoh HTML Intermediate

Di post sebelumnya, sudah dijelaskan seperti apa HTML Intermediate itu, pada post kali ini saya akan menjelaskan tentang contoh dari HTML Intermediate seperti tabel, list, layout dan iframe.

1. Tables
Untuk membuat tabel digunakan element <table border = "1"> agar tabel memiliki garis. Untuk mengisi barisan digunakan <tr> pada contoh ini kita tulis pada baris pertama adalah Fruit Name dan Percentage yang sebelumnya ditulis <td> yaitu untuk data cell karena Fruit Name dan Percentage adalah data cell. Kemudian dilanjutkan dengan barisan selanjutnya yaitu Apple dan persentasenya yaitu 44% dan seterusnya.

Berikut adalah hasil dari HTML di atas:

2. Table Heading
Table Heading ini sebenarnya sama saja dengan tabel di atas hanya saja pada baris pertama yaitu judul dari data cell diberi Heading agar tampil di tabel dengan bold. Cara membuat heading pada tabel adalah dengan menggunakan <th> dan </th>.

Dan hasilnya akan seperti ini :

3. Unordered List
Unordered List adalah pembuatan list yang tidak berurut atau menggunakan dot. Untuk membuat unordered list menggunakan <ul> dan </ul> dengan isi listnya menggunakan <li> dan </li>.

Hasilnya adalah sebagai berikut:

4. Ordered List
Ordered list merupakan list yang berurutan yaitu menggunakan angka. Untuk mendapatkan hasil ordered list digunakan <ol> dan </ol> serta isi dari list nya adalah <li> dan </li>.

Hasilnya adalah:

5. Definition List
Definition list sebenarnya sama saja dengan list di atas hanya saja setiap list ada penjelasannya. Untuk mendapatkan definition list digunakan <dl> dan </dl> untuk mengisi list menggunakan <dt> dan </dt> dan untuk penjelasan list menggunaan <dd> dan </dd>.

Hasilnya adalah :

6. Layout
Layout digunakan sebagai tempat untuk menaruh konten di web dan dapat juga mengatur warna untuk web. Untuk membuat layout dari html caranya adalah menggunakan gabungan dari beberapa element seperti <body> dan </body>, <div> </div> untuk menaruh isi dari web, dan masih banyak lagi.Bisa kita lihat contohnya :

Hasil dari HTML nya :

7. Form Form di html digunakan untuk isian data diri pada web. Untuk mengisi nama menggunakan <input type = "text" name = "first/ last name">.

Hasilnya seperti ini :

Untuk mengisi password menggunakan <input type = "password" name = "pwd">

Untuk memilih suatu pilihan kita dapat menggunakan <input type = "radio" name = "sex" value = "male/female">

hasilnya adalah :

Sedangkan untuk memilih menggunakan check box kita dapat menggunakan dengan <input type = "checkbox" name = "vehicle" value = "I have a car/ bike">

hasilnya adalah :

Dan untuk meng-input hasil form dengan menggunakan <form name = "input" action= "html_form_action.asp" method ="get"> untuk meng-input kita memerlukan username, untuk memasukan username kita menggunakan <input type = "text" name = "user"> dan untuk meng-input hasil form menggunakan <input type = "submit" value = "Submit">

Hasilnya adalah :

8.Iframe
Iframe digunakan untuk men-display web page dalam web page. Untuk menggunakan iframe kita menggunakan element html <iframe src = "webpagename.htm"l> dan diakhiri dengan </iframe>. Dengan catatan web page yang dipilih harus satu folder dengan html iframe ini.

Hasilnya adalah :

Itu adalah contoh dari HTML Intermediate yang telah saya praktikan, semoga bermanfaat :)

Keep Reading

/ Add Comment

CONVERSATION

0 comments:

Post a Comment

HTML Intermediate

HTML Intermediate merupakan tingkat lebih lanjut dari HTML, jika kita sudah bisa dengan HTML dasar kita dapat mencoba HTML dengan tingkat lebih lanjut. Berikut adalah konsep konsep HTML Intermediate.

1. Formatting with Tables

Memformat dengan tabel pada HTML Intermediate dapat digunakan dengan format <table> dan diakhiri dengan </table>. Untuk memulai membuat tabel digunakan format <table style = width 100%> untuk row atau baris digunakan <tr> dan untuk memberi heading pada masing-masing row digunakan <th> Konten </th> kemudian setelah selesai satu barisan diakhiri dengan </tr> dan dapat dilanjutkan kembali dengan baris lainnya menggunakan <tr> juga. Sedangkan untuk table cell atau data menggunakan <td> dan diakhiri dengan </td> jika sudah selesai diakhiri dengan </table>

(sumber : http://www.w3schools.com/html/html_tables.asp)

2. Frames

Frame digunakan untuk memberi frame pada HTML, digunakan <iframe src ="url"> dan diakhiri dengan </iframe> untuk mengatur tinggi dan lebar frame pada HTML menggunakan cara yang sama seperti menyisipkan gambar pada HTML yaitu dengan <iframe src = " demo_iframe.htm" height = "x" dan width = "y"> diakhiri dengan </iframe>

(sumber : http://www.w3schools.com/html/html_iframe.asp )

3. Collecting information

Collecting Information merupakan cara untuk mengumpulkan informasi pada HTML. Mengumpulkan data dapat dengan tabel maupun gambar.

(sumber: http://stackoverflow.com/questions/4426337/how-to-collect-data-using-php-from-an-html-form)

Keep Reading

/ Add Comment

CONVERSATION

0 comments:

Post a Comment

Tag dasar HTML

HTML merupakan singkatan dari Hyper Text Markup Language, yaitu bahasa pemrograman Markup yang digunakan untuk membuat halaman web. HTML yang menyusun tampilan dari web yang biasa kita lihat di web browser. Berikut adalah tag dasar dari HTML.

1. Basic Text Formatting

Basic Text Formatting merupakan format untuk menulis pada HTML misalkan untuk menebalkan tulisan, untuk menggarisbawahi tulisan maupun memiringkan tulisan. Biasanya format menulis HTML adalah berpasangan, contohnya adalah untuk menebalkan tulisan diawali dengan <b> dan diakhiri dengan </b> sedangkan untuk menggarisbawahi tulisan diatur dengan <i> dan diakhiri dengan </i>
(sumber : http://www.w3schools.com/html/html_formatting.asp)

2. Identifying resources

Identifying resources adalah mengidentifikasi resource untuk HTML yaitu untuk link web maupun gambar.
(sumber: http://www.w3schools.com/html/html_images.asp dan http://www.w3schools.com/html/html_links.asp)

3. Using graphic images basics

Penggunaan gambar dasar pada HTML dapat dengan tiga format yaitu : PNG, JPG dan GIF. Untuk memasukkan gambar ke HTML menggunakan <img src = "namafoto.jpg" width = "x" height "y" /> width dan height merupakan element penting untuk menambahkan gambar pada HTML fungsinya untuk mengatur lebar dan tinggi dari foto tersebut pada HTML.
(sumber : http://www.w3schools.com/html/html_images.asp)

4. Background images

Agar gambar dijadikan background pada HTML dapat digunakan<body style = background-image:url(lokasi dan nama gambar) "> dan diakhiri dengan </body>
(sumber : http://htmlcssguides.com/background-html)

Keep Reading

/ Add Comment

CONVERSATION

0 comments:

Post a Comment

HTML

Berikut adalah contoh konsep dasar HTML. Pada umumnya untuk membuat HTML digunakan HTML tags yang berpasangan seperti pada gambar di bawah ini. Kita dapat membuat HTML pada notepad dan di save as sebagai file HTML, kemudian file yang sudah di-save di-run pada web browser yang ada misalnya Mozilla Firefox Untuk memulai membuat html biasanya diwali dengan <html> dan diakhiri</html> jika sudah selesai membuat HTML. K

Untuk memberi judul pada tab web browser digunakan <title> dan diakhiri dengan </title>. Hal ini berlaku pada semua tag HTML, untuk memberi heading pada tulisan yang akan dibuat harus diawali dengan <h1> dan diakhiri dengan </h1> sedangkan memulai suatu tulisan biasanya diawali dengan <body> kemudian untuk paragraf diawali dengan <p> dan diakhiri dengan </p> jangan lupa jika sudah selesai isi dari paragra tersebut diakhiri dengan </body>.

Jika kita ingin menambahkan gambar pada HTML, kita dapat menggunakan <img src = "namafoto.jpg" width= "x" height="y"> dengan catatan nama foto harus sama dengan nama foto yang dipilih dan disimpan pada satu folder yang sama. Sedangkan untuk width dan height adalah lebar dan tinggi dari foto tersebut yang akan ditampilkan di HTML.

Jika kita ingin menambahkan link pada HTML, digunakan <a href = "http:// nama web" . com"> Tulisan untuk link </a>.Berikut adalah gambar contoh konsep dasar HTML yang sebelumnya dijelaskan.

Berikut adalah hasil dari contoh di atas.

Keep Reading

/ Add Comment

CONVERSATION

0 comments:

Post a Comment

Definisi HTTP, Client Side Programming, Server Side Programming dan Web Server

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).

HTTP merupakan model dari server-client dimana klien yang dimaksud adalah kita yang mengakses internet baik dari laptop, komputer maupun mobile. HTTP biasanya adalah sebuah web host yang menjalankan perangkat lunak web server. HTTP ini merupakan kode status yang digunakan untuk mengakses sebuah site atau situs, jika kode tersebut valid maka akan langsung tersambung ke situsnya.

sumber :
http://wikitekno.net/2016/01/http.html

Client-Side Programming

Client-Side Programming merupakan pemrograman web dimana proses pengolahannya dilakukan di sisi client. Hasil pengolahan dan penerjemahannya dilakukan oleh web browser sebagai client dimana di web browser sudah terdapat library yang disebut juga web engine yang didalamnya terdapat penerjemah yang mampu menerjemahkan semua perintah pada halaman web. Contoh client-side programming adalah : HTML, Javascript.

sumber :

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

Server-Side Programming

Server-Side Programming bisa dikatakan kebalikan dari Client-Side Programming yaitu pemrograman web yang proses pengolahan dan penerjemahannya dilakukan oleh server. Hasil pengolahan dan penerjemahannya dilakukan oleh web browser yang juga terintegrasi dengan web engine. Web engine memiliki peran untuk memproses semua script yang ada termasuk kategori client. Contoh Server-Side Programming adalah : PHP (PHP : Hypertext Preprocessor), SSI.

sumber:

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

Web Server

Web Server adalah perangkat lunak yang memberikan layanan data dan berfungsi menerima permintaan dari HTTP atau HTTPS pada client melalui web browser (Mozilla Firefox, Google Chrome) dan untuk mengirimkan kembali pada umumnya berbentuk HTML. Contoh web server adalah : Apache.

sumber:

https://idcloudhost.com/pengertian-web-server-dan-fungsinya/

Keep Reading

/ Add Comment

CONVERSATION

0 comments:

Post a Comment

Tutorial Meng-install Android Studio

Android Studio merupakan (IDE) Integrated Development Environment resmi untuk platform Android, Android Studio dapat digunakan untuk membuat aplikasi pada Android . Android Studio dapat didownload secara free di https://developer.android.com/studio/index.html .( Sumber : https://developer.android.com/index.html dan https://en.wikipedia.org/wiki/Android_Studio)

Berikut merupakan cara atau tutorial untuk meng-install Android Studio :
1. Pilih folder tempat Android Studio yang telah didownload disimpan kemudian klik kanan dan pilih "open" dan pilih "Run" pada box yang tampil

2. Setelah opsi di-Run akan tampil box Android Studio setup dan pilih "Next>" untuk melanjutkan

3. Pilih lokasi tempat Android Studio akan disimpan dengan nama folder yang tidak mengandung unsur simbol dan spasi dengan free space memori 2-3 GB, selain itu pastikan Anda sudah mendownload java jdk 7u69 atau yang terbaru dan proses peng-installan akan dimulai

4. Setelah proses penginstallan selesai akan dilanjutkan dengan proses pengunduhan dan peng-unzipan komponen untuk Android Studio yang memakan waktu agak lama

5. Android Studio telah selesai di-install dan Anda dapat memulai membuat project

Keep Reading

/ Add Comment

CONVERSATION

0 comments:

Post a Comment

Tutorial Meng-install Notepad++

Notepad++ merupakan source code editor dan pengganti Notepad yang dapat men-support beberapa bahasa yang digunakan untuk sistem operasi Windows. Notepad++ menggunakan editing component Scintillia untuk dapat menampilkan dan menyuting teksdan berkas source code dari berbagai bahasa pemrograman. ( Sumber : https://notepad-plus-plus.org/ dan https://id.wikipedia.org/wiki/Notepad%2B%2B)

Berikut ini adalah cara meng-install Notepad++ :
1. Pilih folder dimana file Notepad++ disimpan kemudian pilih opsi "Open"

2. Setelah file terbuka kemudian pilih bahasa yang akan digunakan

3. Pilih opsi "Next>" pada box yang tampil untuk melanjutkan proses instalasi

4. Baca License Agreement Notepad++ dan pilih opsi "I Agree" untuk melanjutkan proses instalasi

5. Pilih lokasi tempat penyimpanan Notepad++ kemudian klik "Next>"

6. Kemudian pilih komponen yang akan Anda pasang pada Notepad++ kemudian klik "Next>"

7. Proses Instalasi berlangsung

8. Notepad++ sudah ter-install dan Anda dapat memulai membuat project

Blognya Nabila

Android Studio - Tampilan awal Mobile App

CONVERSATION

Post a Comment

Contoh HTML Intermediate

CONVERSATION

Post a Comment

HTML Intermediate

CONVERSATION

Post a Comment

Tag dasar HTML

CONVERSATION

Post a Comment

HTML

CONVERSATION

Post a Comment

Definisi HTTP, Client Side Programming, Server Side Programming dan Web Server

CONVERSATION

Post a Comment

Tutorial Meng-install Android Studio

CONVERSATION

Post a Comment

Tutorial Meng-install Notepad++

CONVERSATION

Post a Comment

About Me

Reach me on

Pinterest Gallery

Search This Blog

Instagram Shots

Like us

Labels

Sponsor

CONVERSATION

0 comments:

Post a Comment

CONVERSATION

0 comments:

Post a Comment

CONVERSATION

0 comments:

Post a Comment

CONVERSATION

0 comments:

Post a Comment

CONVERSATION

0 comments:

Post a Comment

CONVERSATION

0 comments:

Post a Comment

CONVERSATION

0 comments:

Post a Comment

CONVERSATION

0 comments:

Post a Comment

About Me

Blog Archive

Popular Posts

Reach me on

Pinterest Gallery

Search This Blog

Instagram Shots

Like us

Labels

Sponsor