ROFIK 47

program seerhana aplikasi menghitung gaji dengan C++

ok hari ne kita akan belajar membuat program aplikasi penghitungan gaji secara sederhana dengan c++.sebelumnya ane ksih syntaxnya gan.

pehatikan syntaxnya baik-baik.

#include<iostream>
#include<stdio.h>
#include<iomanip>
using namespace std;
int main()
{
    int gaji,tunj,tran,lem,komp,jams,spsi,inf,paj,lem2,lem5,lem7,x,y,z,a,lemtot,gajitot,transtot;
    gaji=2700522;
    tunj=200000;
    tran= 10500;
    komp=31600;
    lem2=gaji/173*3.5;
    lem5=(gaji/173*9.5)+komp;
    lem7=(gaji/173*14);
    cout<<endl;
    cout<<"\t\t\tTOTAL GAJI BULANAN ANDRI"<<endl<<endl;
    cout<<"================================================================================"<<endl;
    cout<<endl;
    cout<<"Gaji kamu bulan ini adalah \t:"<<endl;
    cout<<"Banyak lembur 2 jam\t\t: ";cin>>x;
    cout<<"Banyak lembur 5 jam\t\t: ";cin>>y;
    cout<<"Banyak lembur 7 jam\t\t: ";cin>>a;
    lemtot=(lem2*x)+(lem5*y)+(lem7*a);
    cout<<"Uang lembur \t\t\t: Rp."<<lemtot<<endl;
    cout<<"Hari masuk\t\t\t: ";cin>>z;
    transtot=tran*z;
    cout<<"Uang transport\t\t\t: Rp."<<transtot<<endl;
    cout<<endl;
    gajitot=gaji+tunj+transtot+lemtot;
    cout<<"================================================================================"<<endl;
    cout<<"GAJIKU BULAN INI\t\t: Rp."<<gajitot<<endl;
    cout<<endl<<endl<<endl;
    cout<<"GAJI BELUM TERMASUK POTONGAN "<<endl;
    cout<<endl;
    cout<<"\t\t\t\t\t\t\tlely panca inc."<<endl<<endl;
    system("pause");

sumber:http://andrianlusiana.blogspot.com/

penulisan html5

Penulisan input type email seperti berikut ini:

1	<input type="email" name="email_anda" id="email_anda" />

Selain input type berupa email, kita akan menambahkan jenis input lainnya yaitu url. Seperti pada contoh kode HTML di bawah ini:

1	<input type="url" id="user_url" name="user_url" />

Input jenis url akan meminta user memasukkan alamat domain atau sub domain. Jenis input terakhir yang juta pakai adalah bertipe required. Contoh penulisannya seperti di bawah ini

1	<input type="required" id="nama_anda" name="nama_anda" />

Input jenis ini akan mewajibkan user untuk mengisi kotak tersebut. Apabila kotak input masih kosong, maka form pada saat disubmit akan mengeluarkan peringatan. Untuk membuat form HTML 5 ini, silahkan anda ketikkan script di bawah ini pada editor HTML anda.

01	<!DOCTYPE html>
02	<html>

03	<head>
04	<link rel="stylesheet" type="text/css" href="style.css" media="all" />

05	</head>
06	<body>

07	<div id="pembungkus">
08	<span id="sembunyikan">Sembunyikan Form</span>

09	<span id="tampilkan" style="display:none;">Tampilkan Form</span>
10	<span id="miringkan">Miringkan Form</span>

11	<span id="zoom">Zoom Form</span>
12	<div id="formbiodata">

13	<h1>Data <span>Biodata</span> Pengguna</h1>
14	<form action="#" method="post">

15	<input type="text" name="nama" id="nama" value="Nama Anda" />
16	<label for="nama">Nama Anda </label>

17	<input type="email" name="user_email" id="email" />
18	<label for="email">E-mail: </label>

19
20	<input type="url" name="user_url" id="url" />

21	<label for="url">Web </label>
22

23	<input list="browsers" />
24

25	<datalist id="browsers">
26	<option value="Internet Explorer">

27	<option value="Firefox">
28	<option value="Google Chrome">

29	<option value="Opera">
30	<option value="Safari">

31	</datalist>
32	<label for="browsers">Browser yang anda gunakan </label>

33
34	<input type="text" name="username" required="required" id="username" />

35	<label for="username">Username * </label>
36	<div class="clear"></div>

37	<input type="submit" class="button" value="Kirim" />
38

39	</form>
40	</div>

41	</div>
42	</body>

</html>

Selanjutnya agar form anda tampil menarik, silahkan anda ketikkan CSS dibawah ini. CSS yang kita pakai kali ini sebagian merupakan CSS3. Misalnya untuk membuat rounded corner. Akan tetapi beberapa browser versi lama belum mendukung style ini.

01	body {
02	background-color: #f9f9f9;

03	color: #222;
04	font-family: Cantarell, Verdana, sans-serif;

05	font-size: 12px;
06	}

07
08

09	input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border : none; }
10	input[type="submit"]:focus, input[type="button"]:focus { outline : none; }

11
12	.clear { clear: both; }

13
14	#formbiodata {

15	width: 654px;
16	height: 450px;

17	margin: 20px auto;
18	padding: 50px 0;

19	border-radius:10px;
20	-moz-border-radius:10px;/untuk firefox versi 3.5 ke bawah/

21	box-shadow:10px 10px 5px #888888;
22	border:1px solid #FFF;

23	overflow: hidden;
24	position: relative;

25
26	}

27
28	#formbiodata input, #formbiodata select {

29	background: url('images/input.png') no-repeat;
30	color: #888;

31	border: 1px solid #ccc;
32	font-family: Cantarell, Verdana, sans-serif;

33	font-weight: bold;
34	font-size: 15px;

35	width: 300px;
36	height: 35px;

37	padding: 0 25px;
38	margin: 20px 0;

39	float: left;
40

41	border-radius: 6px;
42	-moz-border-radius: 6px;

43	-webkit-border-radius: 6px;
44	}

45
46	#formbiodata input.button {

47	background: none repeat scroll 0 0 #A3D62F;
48	border: 1px solid #3B6E22;

49	border-radius: 8px 8px 8px 8px;
50	color: #FFFFFF;

51	cursor: pointer;
52	width: 85px;

53	height: 38px;
54	position: relative;

55	bottom: 15px;
56	left: 575px;

57	width: 70px;
58	}

59
60	#formbiodata label {

61	color: #666;
62	font-size: 12px;

63	font-weight: bold;
64	line-height: 14px;

65	float: right;
66	margin: 23px -25px;

67	width: 270px;
68	}

69
70	#formbiodata h1, #formbiodata h2 {

71	font-size: Verdana, sans-serif;
72	text-align: center;

73	font-size: 24px;
74	text-shadow: 1px 1px 2px #222;

75	}
76	#formbiodata h1 span { color: #a90329; }

Sementara itu dulu terkait pembuatan form sederhana ini. Tahap selanjutnya kita bisa menambahkan Jquery atau yang lainnya.

sumber:http://kangtanto.com/web-2/html5-web-2/create-html-5-and-css3-form

ROFIK 47

Jumat, 06 Maret 2015

program seerhana aplikasi menghitung gaji dengan C++

contoh html5

Pengunjung