Archive for 2013
HTML dasar pemprograman
Belajar HTML5, ini kunci dasar jika anda ingin menjadi seorang programmer Web. Pada dasarnya HTML memiliki fungsi sebagai bahasa yang digunakan untuk menampilkan sebuah data ke web browser anda. Kepanjangan HTML sendiri adalahHypertext Markup Language.
Selain aplikasi desktop, saat ini hampir semua perangkat user interface seperti mobile phone, tablet dan sebagainya telah support dengan HTML5, dan hampir semua platform telah mendukung HTML5 untuk berjalan di aplikasinya.
Sampai saat ini para pengembang bahasa pemprograman ini mencapai pada versi HTML5. Ada beberapa hal yang diubah dapa HTML versi 5 ini, dan untuk apa saja sintaks yang dirubah pada HTML versi 5 ini dari HTML versi-versi sebelumnya nanti akan saya bahas di bab selanjutnya.
Saat ini, saya akan mencoba untuk memperkenalkan kepada kamu-kamu semuanya tentang cara penulisan HTML5 secara dasar. Seperti bahasa pemprogamanan lainnya, HTML juga memiliki aturan-aturan sintak yang harus diikuti.
Sampai saat ini para pengembang bahasa pemprograman ini mencapai pada versi HTML5. Ada beberapa hal yang diubah dapa HTML versi 5 ini, dan untuk apa saja sintaks yang dirubah pada HTML versi 5 ini dari HTML versi-versi sebelumnya nanti akan saya bahas di bab selanjutnya.
Saat ini, saya akan mencoba untuk memperkenalkan kepada kamu-kamu semuanya tentang cara penulisan HTML5 secara dasar. Seperti bahasa pemprogamanan lainnya, HTML juga memiliki aturan-aturan sintak yang harus diikuti.
Cara menuliskan sintak HTML adalah awali dengan tag pembuka dan siakhiri dengan tag penutup. Contoh :
<html> value </html>
<html> adalah tag pembuka dari sintak penulisan bahasa pemprogramanan HTML dan jangan lupa selalu gunakan tag penutup. Sebagai contoh kita akan mencoba membuat satu halaman dengan menggunakan HTML5 dasar. Perhatikan langkah-langkahnya di bawah ini :
1. Buka Notepad atau Notepad++ anda,
2. Silahkan ketikkan atau Copas saja script di bawah ini :
<!DOCTYPE HTML>
<html>
<head>
<titile> Belajar HTML5 Dasar </title>
</head>
<body>
Hallo Mas Idris, Apa kabar? Heheheh
</body>
</html>
3. Simpan file anda dengan nama belajar.html
Kalo sudah, silahkan buka file belajar.html di browser anda atau dengan cara klik dua kali saja.
Nah, bagaimana, mudah kan? Untuk mengetahui apa sih maksut dari sintak-sintak di atas? Mari kita ulas sebentar di bawah ini.
Seperti yang saya sudah sampaikan di atas, kalu HTML adalah bahas pemprograman yang digunakan untuk menampilkan data dan menggunakan sintak HTML itu ada caranya dan aturannya :
- Baris Pertama : <!DOCTYPE HTML>
ini sebenarnya hanya sebagai penanda bahwa versi HTML yang anda gunakan adalah HTML versi 5.
- Baris Ke dua : <html>
Jelas, ini adalah sintak pembuka jika anda membuat sebuah halaman website dengan HTML syntax.
- Baris Ke Tiga <head>
Ini sebagai penanda bahwa atribut yang ada di dalam tag ini adalah header, seperti arsitektur manusia saja, ada kepala, badan dan kaki. Nah pada dasarnya ini adalah kepalanya halaman HTML. Saya rasa anda cukup faham maksut saya. Hahahahahaa.
- Baris Ke Empat <titile> Belajar HTML5 Dasar </title>
Ini adalah sebuah title dari halaman website anda. Letaknya ada di head bar halaman browser anda saat membuka halaman web ini. Selai sebagai identitas, atribut title ini juga memiliki fungsi besar dalam SEO (Search Engine Optimization) lho...
- Baris Ke Lima </head>
Layaknya sebuah pintu, ada pintu pembuka dan penutup. HTML juga punya sintak pembuka dan penutup. Nah, kalau atribut html, tag penutup pasti sama dengan tag pembukanya, hanya saja ada penambahan tanda garis miring sebelum teks atributnya. contohnya ya </head>.
- Baris Ke Enam <body>
Seperti yang sudah saya utarakan tadi, layaknya arsitektur manusia, kerangka website juga memiliki badan yang saat ini kita deklarasikan dengan atribut <body>.
-Baris Ke Tujuh
Ini hanya sekedar teks yang akan dimunculkan di halaman / kanvas web browser anda.
- Baris Ke Delapan dan Sembilan
Semuanya hanya sebagai atribut penutupnya saja dari atribut <body> dan atribut </html>.
Ingat, gunakan alur yang benar ya, jangan kebalik. Kalau kebalik atau penempatan atribut tidak sesuai, maka yang dihasilkan tidak akan sempurna sesuai dengan apa yang kita harapkan. Sebagai contohnya peletakan atribut yang salah adalah seperti ini.
<u> Teks ini akan bergaris bawah
<i> Teks ini akan tercetak miring / Italic </u>
</i>
Maka yang dihasilkan akan berantakan, silahkan coba sendiri. Dan inilah sintak yang benar :
<u> Teks ini akan bergaris bawah </u>
<i> Teks ini akan tercetak miring / italic </i>
Nah, bagaimana kawan, mudah kan. Semoga ini bermanfaat buat anda yang ingin belajar menjadi programmer web.
Perintah Dasar “Printf” dan “Scanf” C++
Kegunaan dari perintah “Printf” adalah untuk menampilkan/mencetak karakter yang ditulis ke dalam layar.
Contoh program :
[code="c"]
# include
# include
Void main ()
[code="c"]
# include
# include
Void main ()
{
Printf("Belajar Pemrograman Bahasa C”);
}
[/code]
Perintah diatas digunakan untuk menampilkan tulisan “Belajar Pemrograman Bahasa C” pada layar. Sayangnya program diatas akan menampilkan tulisan hanya dalam waktu yang singkat, sehingga mata kita akan sulit menangkap tulisannya, maka dari itu kita harus menambahkan perintah Getch(); pada akhir program. Sehingga programnya akan menjadi seperti ini.
Printf("Belajar Pemrograman Bahasa C”);
}
[/code]
Perintah diatas digunakan untuk menampilkan tulisan “Belajar Pemrograman Bahasa C” pada layar. Sayangnya program diatas akan menampilkan tulisan hanya dalam waktu yang singkat, sehingga mata kita akan sulit menangkap tulisannya, maka dari itu kita harus menambahkan perintah Getch(); pada akhir program. Sehingga programnya akan menjadi seperti ini.
[code="c"]
# include “stdio.h”
# include “conio.h”
Void main ()
{
Printf(“Belajar Pemrograman Bahasa C”);
Getch();
}
[/code]
# include “stdio.h”
# include “conio.h”
Void main ()
{
Printf(“Belajar Pemrograman Bahasa C”);
Getch();
}
[/code]
Sebaliknya perintah “Scanf” digunakan untuk mengambil inputan yang dimasukkan oleh user melalui keyboard.
Contoh programnya :
[code="c"]
#include “stdio.h”
#include “conio.h”
void main()
{
char nama[20];
clrscr();
printf(“Masukkan nama Anda : “);
scanf(“%s”, &nama);
printf(“Hello, Nama Anda adalah %s”, nama);
getch();
}
[/code]
Perintah diatas akan mencetak “Masukkan nama Anda” pada layar komputer anda,printf(“Masukkan nama Anda : “);
lalu program ini meminta anda untuk mengisikan data melalui keyboard dan data yang anda masukkan akan direkam scanf(“%s”, &nama);
dan ditampilkan kembali menjadi “Hello, Nama Anda adalah Dedi” (misal nama yang anda ketikkan adalah “Dedi”) printf(“Hello, Nama Anda adalah %s”, nama);
Contoh programnya :
[code="c"]
#include “stdio.h”
#include “conio.h”
void main()
{
char nama[20];
clrscr();
printf(“Masukkan nama Anda : “);
scanf(“%s”, &nama);
printf(“Hello, Nama Anda adalah %s”, nama);
getch();
}
[/code]
Perintah diatas akan mencetak “Masukkan nama Anda” pada layar komputer anda,printf(“Masukkan nama Anda : “);
lalu program ini meminta anda untuk mengisikan data melalui keyboard dan data yang anda masukkan akan direkam scanf(“%s”, &nama);
dan ditampilkan kembali menjadi “Hello, Nama Anda adalah Dedi” (misal nama yang anda ketikkan adalah “Dedi”) printf(“Hello, Nama Anda adalah %s”, nama);
Perhatikkan !! Sebelumnya kita telah mendefinisikan bahwa variable nama adalah data yang bertipe karakter dengan panjang sebesar 20 karakter char nama[20];
Brainware
Brainware
adalah manusia yang terlibat dalam mengoperasikan serta mengatur sistem di
dalam komputer. Diartikan juga sebagai perangkat intelektual yang
mengoperasikan dan mengeksplorasi kemampuan dari Hardware maupun Software.
Brainware
termasuk bagian penting dari sebuah sistem komputer. Hardware tidak dapat
bekerja tanpa adanya Software, sedangkan Software dan Hardware tidak dapat
bekerja tanpa adanya Brainware. Jadi 3 komponen ini saling terkait dan saling
membutuhkan.
Konsep
Hardware – Software – Brainware adalah merupakan konsep Tri Tunggal yang
tidak bisa dipisahkan satu dengan lainnya. Untuk tahap pertama, manusia hasrus
memasukkan program terlebih dahulu ke dalam komputer. Setelah program tersimpan
di dalam komputer, maka komputer baru bisa bekerja untuk membantu manusia di
dalam menyelesaikan persoalan ataupun pekerjaannya.
·
Konsep Tri Tunggal
Komponen
Brainware pada umumnya dibagi dalam bagian yang dapat menunjang adanya internal
check yang memadai, yaitu :
1. Operator Komputer bertanggung
jawab untuk mengolah data melalui sistem yang berhubungan dengan komputer.
Operator harus mengikuti instruksi yang ditetapkan dalam runbook yang telah
disusun oleh Programmer. Disini perlu adanya pembatasan agar Operator tidak
dapat memodifikasi program sebelum atau selama program itu berjalan.
2. Teknisi adalah seorang
yang bertanggung jawab untuk maintenance tentang segala jenis permasalahan
komputer. Seorang Teknisi harus mempunyai pengetahuan luas mengenai
troubleshooting dan sebagainya.
3. Trainer adalah seorang
Brainware yang mempunyai pengetahuan lebih banyak di banding lainnya, dan
Brainware ini bertanggung jawab untuk mendidik dan mengajar di bidangnya.
4. Konsultan adalah
Brainware yang bertanggung jawab layaknya seorang penasehat handal di dalam
bidangnya.
5. Project Manager adalah
Brainware yang bertanggung jawab sebagai pemimpin / komando di suatu project
tertentu. Bisa disebut juga Mandor 
.
.
6. Programmer bertugas
membuat aplikasi komputer sehingga dapat memudahkan kinerja manusia melalui
program yang telah dibuatnya.
7. Graphic Designer seorang
Brainware yang berkecimpung di dunia Design Grafis dan mahir dalam hal membuat
suatu objek animasi.
8. Spesialis Jaringan adalah
seorang Brainware yang sudah mahir di dalam dunia Jaringan Komputer. Dia
bertanggung jawab atas semua hal yang berhubungan dengan Jaringan Komputer.
9. Database Administrator adalah
Brainware yang bertanggung jawab terhadap database suatu aplikasi, organisasi
dan sebagainya.
. System Analis adalah
Brainware yang bertanggung jawab untuk mendesain, merancang dan menganalisa
suatu program yang akan dibuat maupun sudah jadi. Jadi seorang Sistem Analis
harus berhati – hati dalam merancang suatu aplikasi agar tidak terjadi
kesalahan yang fatal
