KUAS

Tuesday, May 2, 2017

Mengenal Akses Penggunaan CSS

1:11 AM Posted by Hawari Muhtarom CSS, Pemrograman Web No comments

Manajemen Informatika Politeknik Negeri Lampung - Dalam penggunaan CSS ada beberapa macam akses yang kita bisa gunakan. Akses ini sangat penting untuk menunjang kerja kalian dalam mengkoding html dan css. Timbul sebuah pertanyaan "Apakah CSS yang akan kita gunakan akan langsung kita cantumkan dalam file html tersebut?" "ataukah kita buat sebuah file css tersendiri ? ". Yaps ini semua terserah kita sendiri, tergantung kita yang mengkodingnya, namun lebih baik yang lebih efisien menurut kita.

Terdapat 3 akses dalam penggunaan CSS yakni : Inline, Internal Link dan External Link.

Inline
Dalam penggunaan akses CSS inline ini style css langsung digunakan dalam tag html tersebut.

Internal Link
Dalam penggunaan akses internal link ini Style CSS diletakkan di halaman HTML. Biasanya terdapat di dalam tag <head>

External Link
Dalam penggunaan akses external link ini semua deklarasi disatukan dalam satu file *.css. Untuk cara memanggil external link css tersebut bisa langsung dengan menuliskan alamat file css tersebut contoh : <link rel=stylesheet href="namacssnya.css">

Penggunaan Akses CSS dari ke 3 ini tentunya memiliki kelebihan dan kekurangan. Semuanya tergantung kita sebagai web desainer yang memilih sendiri mau menggunakan akses inline, internal link atau dengan external link. Sekian postingan kali ini tentang Mengenal Akses Penggunaan CSS. Terimakasih.

Source Code HTML Membuat Curiculum Vitae

11:49 PM Posted by Hawari Muhtarom HTML, Pemrograman Web No comments

Manajemen Informatika Politeknik Negeri Lampung - Kali ini kita akan belajar mengenai bahasa pemrograman web yakni html. HTML (Hyper Text Markup Language) merupakan bahasa pemrograman web yang banyak digunakan untuk membuat tampilan atau desain template blog. Untuk pemrograman web dasar kali ini saya akan membagikan source code membuat curriculum vitae menggunakan html. Dalam menulis kode kita bisa menggunakan berbagai text editor salah satunya notepad++.

<html>
   <head>
   <title>CURRICULUM VITAE</title>

   </head>
   <body>
   <h1 align=center>CURRICULUM VITAE</h1>
   
       <hr>
       <b>PERSONAL INFORMATION</b>
       <hr>
       <table style="width:50%">
           
           <img src="fotoku.jpg" align="right" width="104" height="142">
       <tr>
       <th></th>
       <th></th>
       </tr>
       <tr>
           <td>Nama Lengkap</td>
           <td>: Hawari Muhtarom </td>
       </tr>
       <tr>
           <td>Tempat Tanggal Lahir</td>
           <td>: Braja Harjosari, 04 Maret 1998 </td>
       </tr>
           <td>Alamat</td>
           <td>: Jalan Komarudin No 20</td>
       <tr>
           <td>Status</td>
           <td>: Mahasiswa</td>
       </tr>
           <tr>
           <td>NO HP</td>
           <td>: 085664842748</td>
       </tr>
       <tr>
           <td>Email</td>
           <td>: muhtaromhawari312@gmail</td>
       </tr>
       </table>
   
           <hr>
           <b>PENDIDIKAN FORMAL</b>
           <hr>
               <table style="width:80%">
           <tr>
           <th></th>
           <th></th>
           </tr>
           <tr>
               <td>2013-2016</td>
               <td>SMK Negeri 1 Sukadana </td>
           </tr>
           <tr>
               <td>2010-2013</td>
               <td>SMP Islam YPI 1 Braja Selebah </td>
           </tr>
               <td>2004-2010</td>
               <td>SDN 2 Braja Harjosari</td>
           <tr>
               <td>2003-2004</td>
               <td>TK ABA 2 Braja Harjosari</td>
           </tr>
           </table>
   
                   <hr>
                   <b>PENDIDIKAN INFORMAL</b>
                   <hr>
                       <table style="width:110%">
                   <tr>
                   <th></th>
                   <th></th>
                   </tr>
                   <tr>
                       <td>2014-2015</td>
                       <td>LPPK Arroyan - Teknik Komputer dan Jaringan </td>
                   </tr>
                   <tr>
                       <td>2013-2014</td>
                       <td>LPPK Arroyan Microsoft Office</td>
                   </tr>
                   </table>
   
                           <hr>
                           <b>ORGANISASI</b><hr>
                           <table style="width:180%">
                       <tr>
                       <th></th>
                       <th></th>
                       </tr>
                       <tr>
                           <td>2016</td>
                           <td>Ketua SUKADANA MUSIC Crew</td>
                       </tr>
                       <tr>
                           <td>2017</td>
                           <td>Sekretaris Ikatan Pemuda Lampung Timur </td>
                       </tr>
                       </table>
   
                           <hr>
                           <b>KEAHLIAN</b><hr>
                       Mengoperasikan Komputer : Microsoft Office<br>
                       Desain Grafis: CorelDRAW & Adobe Ilustrator<br>
   <a href="indeks.html">KEMBALI KE INDEKS</a><br>
   </body>
</html>

Setelah mengkoding sesuai dengan source code diatas, kita bisa menjalankannya dengan cara disimpan terlebih dahulu dalam ekstensi .html setelah itu bisa kita buka menggunakan browser.\

Sekian postingan kali ini tentang membuat curriculum vitae menggunakan bahasa pemrograman web html. Sampai jumpa dilain waktu. Bye bye

Program Menampilkan Perpangkatan 3 C++

7:27 AM Posted by Hawari Muhtarom Algoritma dan Pemrograman No comments

Manaejemen Informatika Politeknik Negeri Lampung - Pada postingan kali ini yang masih membahas pemrograman c++ ini selanjutnya kali ini kita akan akan membuat program Menampilkan Perpangkatan 3 menggunakan bahasa pemrograman C++ dan dengan menggunakan aplikasi Codeblock. Dalam membuat sebuah program tentunya kita terlebih dahulu mengetahui algoritmanya atau urutan penyelesaian masalah dari program yang akan kita buat dan selanjutnya kita menuliskan kode scriptnya untuk mendeklarasikan dari algoritma tadi kebahasa pemrograman yang akan kita digunakan.

Baik langsung saja disini saya akan memberikan Kode script yang saya gunakan untuk membuat program Menampilkan Kelipatan 3.

#include <iostream>
using namespace std;
int main() {
int n,a,b,c=3,total=0;

cout<<"masukan suku ";
cin>>n;
for(a=1; a<=n; a++){
cout<<c<<" ";
c=c*3;
total=total+c/3;
}
cout<<endl;
cout<<"total semua suku "<<total;

return 0;
}

Setelah kita mengcodingnya seperti diatas selanjutnya kita tinggal jalankan dengan klik Build and Run pada Codebock maka kita akan diminta memasukan suku keberapa dari Perpangkatan 3 tersebut.

Sekian Postingan kali ini semoga yang saya bagikan bermanfaat bagi semua. Terimakasih

Program Menampilkan Angka Ganjil Berbentuk Segitiga C++

7:20 AM Posted by Hawari Muhtarom Algoritma dan Pemrograman No comments

Manajemen Informatika Politeknik Negeri Lampung - Dalam pembelajaran C++ kali ini kita akan membuat program yang akan Menampilkan Angka Ganjil Berbentuk Segitiga menggunakan bahasa pemrograman C++. Dalam membuat program tersebut kita harus menginstal aplikasi Codeblock terlebih dahulu.

Dalam membuat sebuah program tentunya kita terlebih dahulu mengetahui algoritmanya atau urutan penyelesaian masalah dari program yang akan kita buat dan selanjutnya kita menuliskan kode scriptnya untuk mendeklarasikan dari algoritma tadi kebahasa pemrograman yang akan kita digunakan. Berikut script dari program Menampilkan Angka Ganjil Berbentuk Segitiga C++.

#include <iostream>
using namespace std;
int main(){
int i,a,b;

cout<<"masukan suku ke : ";
cin>>i;

for(a=1;a<=i;a++)
{
for(b=1;b<=a*2;b=b+2)
{
cout<<b;
cout<<" ";
}
cout<<" "<<endl;
}
return 0;
}

Setelah kita mengcodingnya seperti diatas selanjutnya kita tinggal jalankan dengan klik Build and Run pada Codebock maka kita akan diminta memasukan suku keberapa yang akan kita masukan.

Sekian postingan kali ini yang membahas tentang Program Menampilkan Angka Ganjil Berbentuk Segitiga menggunakan bahasa pemrograman C++. Semoga apa yang saya bagikan dapat bermanfaat bagi kita semua. Terimakasih.

Program Menampilkan Perkalian Bilangan C++

7:10 AM Posted by Hawari Muhtarom Algoritma dan Pemrograman 1 comment

Manajemen Informatika Politeknik Negeri Lampung – Dalam pembelajaran bahasa pemrograman c++ kali ini kita akan belajar membuat program Menampilkan Perkalian Bilangan. Untuk membuat program menggunakan bahasa c++ ini ada yang harus kita siapkan yakni aplikasi CodeBlock kita bisa langsung mendownloadnya pada situs resminya .

Pada program Menampilakan perkalian bilangan ini kita menggunakan perulangan atau looping (for) dan juga menggunakan pemilihan kondisi (if). Untuk menjalankan program yang kita buat menggunakan bahasa c++ ini terlebih dahulu kita build setelah itu run untuk menjalankan programnya. Setelah kita jalankan user akan diminta menginputkan bilangan berapa yang akan kita akan kalikan 1 sampai dengan 10. Berikut koding c++nya.

#include <iostream>
using namespace std;
int main(){

int i,n,batas=10,jumlah;

cout<<"PROGRAM MENAMPILKAN BILANGAN PERKALIAN"<<endl;
cout<<"======================================"<<endl;
cout<<"Bilangan yang akan dikalikan : ";
cin>>n;
cout<<"======================================"<<endl;
cout<<"Menampilkan Hasil Perkalian :"<<endl;

for(i=0;i<=batas;i++)
{jumlah=i*n;
cout<<i<<"*"<<n<<"="<<jumlah<<endl;
}
return 0;
}

Setelah kita mengcodingnya seperti diatas selanjutnya kita tinggal jalankan dengan klik Build and Run pada Codebock.

Sekian Postingan kali ini semoga yang saya bagikan bermanfaat bagi semua. Terimakasih.

Program Konversi Mata Uang dan Suhu C++

7:05 AM Posted by Hawari Muhtarom Algoritma dan Pemrograman No comments

Manajemen Informatika Politeknik Negeri Lampung – Pada postingan kali ini kita akan belajar membuat program KONVERSI MATA UANG DAN SUHU menggunakan bahasa pemrograman c++ dengan aplikasi codeblock. Dalam membuat sebuah program terlebih dahulu kita tahu cara urutan penyelesain dari masalah tersebut atau bisa disebut dengan algoritmanya.

Pada program yang ini kita menggunakan looping (do while) dan pemilihan kondisi (switch case). Disini untuk membuat program KONVERSI MATA UANG DAN SUHU ini kita nantinya akan diminta menginputkan Celcius yang nantinya akan dikonversi ke fahrenheit, reamur, atau kelfin serta menginputkan rupiah yang akan dikonfersi ke dolar,yen atau peso. Sebelum menginputkan Rupiah dan Celcius tersebut anda akan diminta memilih menu konversi didalam program ini ada 2 menu konversi dan satu menu untuk keluar. Sehingga jika kita memilih konnversi suhu maka kita akan diminta menginputkan celcius untuk dikonfersi sebaliknya jika kita memilih menu konversi mata uang kita akan diminta memasukan nilai mata uang rupiah untuk selanjutnya dikonversi. Berikut koding C++nya.

#include <iostream>
#include <iomanip>
using namespace std;
int main() {
int no;
float cel,fah,rea,kel,rp,dol,yen,peso;

do{
cout<<"menu konversi"<<endl;
cout<<"1. suhu"<<endl;
cout<<"2. mata uang"<<endl;
cout<<"3. Keluar"<<endl;
cout<<"masukan nomor menu"<<endl;
cin>>no;
switch (no){

case 1:
cout<<"masukan suhu celsius yang akan dikonversi ";
cin>>cel;
fah=((9/5)*cel)+32;
rea=((4/9)*cel)-32;
kel=273+cel;
cout<<"Konversi suhu celsius ke fahrenheit "<<fah<<" ke reamur "<<rea<<" ke kelvin "<<kel<<endl;

break;
case 2:
cout<<"masukan uang rupiah yang akan dikonversi ";
cin>>rp;
dol=rp/13000;
yen=rp/5000;
peso=rp/4000;
cout<<"Konversi uang rupiah ke dolar "<<dol<<" ke yen "<<yen<<" ke peso "<<peso<<endl;
break;
case 3:
cout<<"jika ingin keluar silahkan tekan tanda silang dipojok";
break;
default:
cout<<"ANDA SALAH PILIH MENU. TERIMAKASIH";
}
}while(no!=3);
return 0;
}

Sekian postingan kali ini yang membahas tentang Program KONVERSI MATA UANG DAN SUHU. Semoga apa yang saya bagikan dapat bermanfaat bagi kita semua. Terimakasih.

Program Menampilkan Bilangan Prima C++

7:00 AM Posted by Hawari Muhtarom Algoritma dan Pemrograman 3 comments

Manajemen Informatika Politeknik Negeri Lampung – Pada postingan kali ini kita akan belajar cara membuat program sederhana yakni Menampilkan Bilangan Prima menggunakan bahasa pemrograman c++ dengan aplikasi codeblock. Dalam membuat sebuah program terlebih dahulu kita tahu cara urutan penyelesain dari masalah tersebut atau bisa disebut dengan algoritmanya.

Disini untuk membuat program sederhana Menampilkan Bilangan Prima ini kita nantinya akan diminta berapa batasan bilangan prima yang akan kita tampilkan nantinya. Sehingga outputnya akan sesuai dengan batasan yang kita inputkan. Langsung saja disini saya akan membagikan koding dari program Menampilkan Bilangan Prima tersebut. Pada program ini kita menggunakan perulangan atau looping (for) dan juga menggunakan pengecekan kondisi (if).

#include <iostream>
using namespace std;
int main() {

int x,a,b,cek;
cout<<"Masukan batasan suku ke-n prima ";
cin>>x;
cout<<"================================================"<<endl;
cout<<"Cetak bilangan prima dari batasan yang dimasukan"<<endl;

for (a = 2; a<=x; a++){
cek = 0;
for (b = 2; b < a; b++)
{if (a % b == 0)
{cek = 1;}
}if (cek == 0)
{cout<<a<<" ";}

}
cout<<endl;
cout<<"================================================"<<endl;
return 0;
}

Pada koding diatas anda bisa mengembangkannya ataupun anda mempunyai rumus tersendiri untuk menyelesaikan masalah ini, tergantung pada logika anda. Sekian Postingan saya kali ini, kurang lebihnya mohon maaf. Terimakasih.