12 Maret 2017

Membuat HTML sederhana

Assalamuallaikum
Hello bertemu lagi di Blog ku.
Tapi kali ini aku akan membahas mengenai HTML. Sebelum ke programnya aku akan menjelaskan mengenai HTML.

Langsung simak aja yaaa

Apakah yang dimaksud dengan HTML?

Hyper Text Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML.
Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web.
HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).
HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa).

Apa sih fungsi HTML?

Secara umum, fungsi HTML adalah untuk mengelola serangkaian data dan informasi sehingga suatu dokumen dapat diakses dan ditampilkan di Internet melalui layanan web.

Fungsi HTML yang lebih spesifik yaitu :

     - Membuat halaman web.
     - Menampilkan berbagai informasi di dalam sebuah browser Internet.
     - Membuat link menuju halaman lain dengan kode tertentu (hypertext).

Syntax dasar HTML, yaitu :

<a>Mendefinisikan tag anchor. Digunakan untuk membuat link ke dokumen lain menggunakan atribut herf dan juga untuk membuat bookmark dokumen mengunakan atribut name.
<b>Digunakan untuk mencetak tebal suatu teks.
<body>Digunakan untuk mendefinisikan badan html, yang didalamnya merupakan tempat untuk meletakan elemen-elemen html lainnya, seperti gambar, teks, table, form, dll
<br>Digunakan untuk menyisipkan sebuah baris(ganti baris)
<center>Digunakan untuk menampilkan teks ditengah halaman 
<div>Digunakan untuk mendifinisikan bagian dari sebuah halaman web. Seringkali digunakan untuk mengelompokan elemen-elemen HTML dengan format style tertentu.
<form>Digunakan untuk mendifinisikan sebuah form masukan dari pengguna
<h1> sampai dengan <h6>Digunakan untuk mendinisikan bagian atas (heading) teks. Dimulai dari ukuran besar<h1> hingga ukuran kecil<h6>
<head>Digunakan untuk mendifinisikan bagian atas(head) sebuah dokumen html. Bagian ini biasanya digunakan untuk mendifinisikan tag<hr>Digunakan untuk mendifinisikan sebuah garis horizontal dalam halaman html
<i>Digunakan untuk mencetak miring suatu teks.
<p>Digunakan untuk membuat paragraph baru.
<select>Digunakan untuk mendinisikan daftar pilihan
<Strong>Digunakan untuk mempertegas tampilan suatu teks.
<Style>Digunakan untuk mendifinisikan informasi style pada dokumen html
<table>Digunakan untuk membuat table dalam halaman web.
<title>Digunakan untuk mendifinisikan judul pada dokumen html.
<u>Digunakan untuk menambahkan garis bawah suatu teks<ul>Digunakan untuk membuat daftar yang tak berurut(unordered list) menggunakan symbol bullets.

* Langsung saja ke Html nya yaa

 

*Dan untuk hasilnya



*SEKIAN DAN TERIMAKASIH

Read More ->>

Menghitung daerah yang diarsir dari lingkaran

 Postest !
Soal nomor 1

 Hitunglah daerah yang diarsir, dan buatlah programnya menggunakan raptor kemudian generate ke C++







*Analisis
1. Menghitung luas lingkaran terlebih dahulu (phi*1/2*r*r)
2. Menghitung luas persegi (s*s)
3.  Hasil daerah yang diarsir adalah luas lingkaran dikurangi luas pesegi

*Program Raptor Flowchart


Hasil Outputnya adalah :









*Source kode C++ hasil dari generate raptor
#include <iostream>
#include <string>

using namespace std;
int main()
{
   string raptor_prompt_variable_zzyz;
   int r;
   int s;
   float Luaslingkaran;
   float phi;
   int hasil;
   float Luaspersegi;

   raptor_prompt_variable_zzyz ="Masukkan jari-jari :";
   cout << raptor_prompt_variable_zzyz << endl;
   cin >> r;
   raptor_prompt_variable_zzyz ="Masukkan sisi :";
   cout << raptor_prompt_variable_zzyz << endl;
   cin >> s;
   phi =3.14;
   Luaslingkaran =phi*1/2*r*r;
   Luaspersegi =s*s;
   hasil =Luaspersegi-Luaslingkaran;
   cout << "Luas yang diarsir : "<<hasil << endl;
   return 0;
}

*Hasil Outputnya adalah :


Read More ->>

Menghitung volume bola, dan volume tabung dan mencari luas daerah yang diarsir










Analisis :
1.       Membuat program menggunakan Raptor :
a.       Menghitung volume bola menggunakan rumus (4/3*phi*r*r*t)
b.      Menghitung volume tabung menggunakan rumus (phi*r*r*t)
c.       Kemudian untuk menghitung daerah yang diarsir, maka volume tabung dikurangi volume bola.
2.       Membuat program C++ yang di generate dari raptor flowchart
a.       Mengganti source kode yang masih error dengan syntax dasar C++
b.      Jangan lupa compile untuk melihat apakah program masih  error atau tidak
Langsung saja simak hasil program dibawah ini :
*Program menghitung daerah yang diarsir menggunakan raptor

Hasil output dari program diatas adalah :

*Kemudian pilih Generate – C++
#include <iostream>
#include <string>

using namespace std;
int main()
{
   string raptor_prompt_variable_zzyz;
   float r;
   float phi;
   float t;
   float hasil;
   float volume_bola;
   float volume_tabung;

   phi =22/(float)7;
   raptor_prompt_variable_zzyz ="Masukkan jari-jari";
   cout << raptor_prompt_variable_zzyz << endl;
   cin >> r;
   raptor_prompt_variable_zzyz ="Masukkan tinggi pada tabung";
   cout << raptor_prompt_variable_zzyz << endl;
   cin >> t;
   volume_bola =4/(float)3*phi*r*r*t;
   volume_tabung =phi*r*r*t;
   hasil =volume_tabung-volume_bola;
   cout << "Luas yang di arsir adalah = "<<hasil << endl;
   return 0;

*Hasil output dari program diatas adalah:

NP : Source kode yang degenerate dari raptor ke C++ belum bisa langsung  jadi, karena masih menggunakan karakter yang tidak didukung program. Program diatas adalah hasil akhir setelah karakter “??” diubah menjadi float.

Sekian untuk postingan ku kali ini.
Terimakasih sudah mampir di Blog ku. Mohon maaf jika ada kesalahan, karena aku masih masa pembelajaran.
Wassalamuallaikum….
Read More ->>