Andri Maulana

Nama  : Andri Maulana
Kelas   : B2-Si-SR03
NPM   : 13071492

Mata Kuliah Pengantar Data Terdistribusi

SEJARAH DAN DEFINISI RPL

Sejarah Rekayasa Perangkat Lunak

Rekayasa perangkat lunak telah berkembang sejak pertama kali diciptakan pada tahun 1940-an hingga kini. Fokus utama pengembangannya adalah untuk mengembangkan praktek dan teknologi untuk meningkatkan produktivitas para praktisi pengembang perangkat lunak dan kualitas aplikasi yang dapat digunakan oleh pemakai.

Istilah software engineering digunakan pertama kali pada akhir 1950-an dan awal 1960-an. Saat itu, masih terdapat perdebatan tajam mengenai aspek engineering dari pengembangan perangkat lunak. Pada tahun 1968 dan 1969, komite sains NATO mensponsori dua konferensi tentang rekayasa perangkat lunak, yang memberikan dampak kuat terhadap pengembangan rekayasa perangkat lunak. Banyak yang menganggap dua konferensi inilah yang menandai awal resmi profesi rekayasa perangkat lunak.

Pada tahun 1960-an hingga 1980-an, banyak masalah yang ditemukan para praktisi pengembangan perangkat lunak. Banyak project yang gagal, hingga masa ini disebut sebagai krisis perangkat lunak. Kasus kegagalan pengembangan perangkat lunak terjadi mulai dari project yang melebihi anggaran, hingga kasus yang mengakibatkan kerusakan fisik dan kematian. Salah satu kasus yang terkenal antara lain meledaknya roket Ariane akibat kegagalan perangkat lunak.

Selama bertahun-tahun, para peneliti memfokuskan usahanya untuk menemukan teknik jitu untuk memecahkan masalah krisis perangkat lunak. Berbagai teknik, metode, alat, proses diciptakan dan diklaim sebagai senjata pamungkas untuk memecahkan kasus ini. Mulai dari pemrograman terstruktur, pemrograman berorientasi objek, perangkat pembantu pengembangan perangkat lunak (CASE tools), berbagai standar, UML hingga metode formal dipakai sebagai senjata pamungkas untuk menghasilkan software yang benar, sesuai anggaran dan tepat waktu.

Pada tahun 1987, Fred Brooks menulis artikel No Silver Bullet, yang berproposisi bahwa tidak ada satu teknologi atau praktek yang sanggup mencapai 10 kali lipat perbaikan dalam produktivitas pengembanan perangkat lunak dalam tempo 10 tahun.

Sebagian berpendapat, No Silver Bullet berarti profesi rekayasa perangkat lunak dianggap telah gagal. Namun sebagian yang lain justru beranggapan, hal ini menandakan bahwa bidang profesi rekayasa perangkat lunak telah cukup matang, karena dalam bidang profesi lainnya pun tidak ada teknik pamungkas yang dapat digunakan dalam berbagai kondisi.

Pengertian Dasar Tentang Rekayasa Perangkat Lunak

Pengertian rekayasa perangkat lunak menurut “Institute of Electrical and Electronics Engineers (IEEE)” pada tahun 1990: Computer programs, procedures, and possibly associated documentation and data pertaining to the operation of a computer system.

Maksudnya : Perangkat lunak merupakan kumpulan dari program, prosedur, dan dokumen data lain yang saling berhubungan yang merepresentasikan masalah di dunia nyata yang dikonfigurasikan dalam sebuah bentuk aplikasi yang harus dikerjakan komputer .

Definisi klasik RPL pada tahun 1969 : “The establishment and use of sound engineering principles in order to obtain economically software that is reliable and works efficiently on real machines.”

Maksudnya : Penciptaan dan penggunaan prinsip teknik untuk memperoleh perangkat lunak yang ekonomis, handal dan bekerja efisien pada komputer.

Definisi RPL menurut “Institute of Electrical and Electronics Engineers (IEEE)” pada tahun 1993 : Software Engineering: (1) The application of a systematic, disciplines, quantifiable approach to the development, operation, and maintenance of software; that is the application of engineering to software. (2) The study of approaches as in (1).

Maksudnya : (1) Rekayasa perangkat lunak adalah penerapan secara sistematis, disiplin, pendekatan terukur pada pengembangan, pengoperasian dan pemeliharaan software. (2) Penelitian pendekatan seperti dalam (1).

Dapat disimpulkan definisi rekayasa perangkat lunak (RPL) atau software engineering (SE) adalah suatu disiplin ilmu yang membahas semua aspek produksi perangkat lunak, mulai dari tahap awal spesifikasi sistem sampai pemeliharaan sistem setelah digunakan. Perangkat lunak yang dibuat harus mampu :

· Tepat waktu

· Tepat anggaran

· Meningkatkan kinerja

· Mengoperasikan prosedur sistem dengan benar

Terdapat perbedaan antara rekayasa sistem (RS) dengan rekayasa perangkat lunak (RPL). Jika RS berkaitan dengan semua aspek dalam pembangunan sistem berbasis komputer termasuk hardware, rekayasa PL dan proses. Sedangkan RPL adalah bagian dari rekayasa sistem yang meliputi pembangunan PL, infrasktruktur, kontrol, aplikasi dan database pada sistem.

Cara Posting dan Upload File Word, Excel, Power Point Pakai Google Docs

Cara Posting Dokumen dengan Upload File Word, Excel dan Power Point Menggunakan Google Docs
Ada yang pernah bertanya seperti ini “bagaimana cara menampilkan file microsoft exel di blog?” duh bisa ngga ya? seharusnya bisa sih, tapi bagaimana caranya ya, saya juga bingung nih. Tapi tenang saja, jika anda pernah melihat file exel bisa di tampilkan di web berarti tandanya itu bisa di lakukan.
Bagi anda yang suka dan ingin sharing file dalam bentuk microsoft word (document) dan microsoft excel (spreadsheet) ataupun microsoft power point (presentation) di blog, maka anda bisa menggunakan berbagai layanan di internet. Salah satu di antaranya adalah layanan yang di sediakan oleh google yaitu Google docs. Dengan google docs anda bisa membuat file microsoft office yang saya sebutkan tadi secara online ataupun anda bisa mengupload file yang sudah jadi alias sudah di kerjakan secara offline dan kemudian ambil kode yang di berikan lalu setelah itu anda bisa menampilkannya di blog anda.
Apa kelebihan dari google docs? dengan google docs anda tidak perlu mempunyai software microsoft office yang lisensi nya sangat mahal terinstall di komputer anda, yang anda perlukan adalah anda bisa online di internet. Sepertinya saya tidak perlu menerangkan bagaimana cara membuat file di google docs karena penggunaannya hampir sama dengan microsoft office. Yang mau saya terangkan adalah bagaimana cara mengupload file yang sudah jadi ke google docs dan kemudian menampilkannya di blog anda. Tertarik? yuk mang kita lanjut!
Salah satu syarat untuk bisa menggunakan google docs adalah anda harus mempunyai alamat email di gmail (google acount). Jika selama ini account blogger anda menggunakan gmail maka bisa secara langsung login ke google docs. Bagi anda yang baru pertama kali masuk ke google docs, maka anda harus setuju dengan peraturan yang di buat oleh google. Sudah punya account google? mari kita serbu google docs.
Langkah 1 : upload file ke google docs.
1. Silahkan logindengan account gmail anda.
2. Klik tab Upload yang berada di sebelah kiri atas layar monitor anda.
3. Klik tombol browse… di bawah tulisan Browse your computer to select a file to upload:
4. Masukan file yang ingin anda upload (word, excel, power point).
5. Klik tombol Upload File yang ada di sebelah bawahnya.
6. Tunggu beberapa saat sampai file anda terupload semuanya (tergantung dari besarnya file serta kecepatan koneksi anda).
7. Jika sudah terupload, anda bisa mengeditnya jika mau.
8. Klik tab publish yang ada di sebelah kanan atas layar monitor anda, maka akan keluar tulisan This document is not yet published.
9. klik tombol publish now yang ada di bawahnya.
10. Jika sudah selesai, lihat kembali ke bagian bawahnya!
11. Klik link bertuliskan More publishing options.
12. Setelah keluar window pop up, klik menu drop down di sebelah tulisan File format kemudian pilih HTML to embed a webpage.
13. Klik tombol Generate URL.
14. Copy kode HTMl yang di berikan, lalu paste pada notepad atau text editor lainnya.
15. Silahkan di close saja window nya.
16. Silahkan anda sign out dari google docs jika mau.
17. Selesai.
Langkah 2 : posting kode google docs ke blogger.
1. Silahkan login ke blogger dengan ID anda.
2. Klik Posting Baru.
3. Silahkan anda buat postingan yang anda inginkan.
4. Ketika anda mau menyisipkan kode yang dari google docs, klik terlebih dahulu tab Edit HTML ( jangan yang compose)
5. Paste kode google docs yang ada di notepad tadi pada tempat yang anda inginkan.
6. Klik Tombol MEMPUBLIKASIKAN POSTING.
7. Silahkan lihat hasilnya.
8. Selesai.
Sekarang anda sudah tahu cara menampilkan file word di blog kan? ada lagi tambahan nih dari cah rancak. Berikut adalah contoh kode HTMl yang di berikan oleh google docs :

Jika kita perhatikan kode tersebut adalah kode HTML untuk perintah iframe, tentunya kode yang diberikan oleh google docs tidaklah mutlak harus seperti itu, tapi kita bisa memodifikasinya sesuai dengan keinginan kita. Sebagaimana kita lihat bahwa ukuran lebar (width) sebesar 500 pixel, nilai ini bisa anda ganti dan disesuaikan dengan lebar dari halaman post anda, begitupun dengan tingginya (height) ini pun bisa anda ganti dengan nilai yang anda inginkan. Ada satu lagi yang penting adalah dalam kode tersebut tidak di sertakan kode scrolling, sehingga apabila file anda sangat lebar tidak akan terlihat oleh pembaca, maka solusi yang saya berikan adalah menambahkan kode scrolling=”yes’ ataupun scrolling=”auto” pada kode iframe di atas. contoh kode yang memakai scrolling :
 
Cara Menampilkan File Word, Excel, Power Point di Blog
Bagi anda yang suka dan ingin sharing file dalam bentuk microsoft word (document) dan microsoft excel (spreadsheet) ataupun microsoft power point (presentation) di blog, maka anda bisa menggunakan berbagai layanan di internet.
Salah satu di antaranya adalah layanan yang di sediakan oleh google yaitu Google docs. Dengan google docs anda bisa membuat file microsoft office yang saya sebutkan tadi secara online ataupun anda bisa mengupload file yang sudah jadi alias sudah di kerjakan secara offline dan kemudian ambil kode yang di berikan lalu setelah itu anda bisa menampilkannya di blog anda.
Apa kelebihan dari google docs? dengan google docs anda tidak perlu mempunyai software microsoft office yang lisensi nya sangat mahal terinstall di komputer anda, yang anda perlukan adalah anda bisa online di internet. Sepertinya saya tidak perlu menerangkan bagaimana cara membuat file di google docs karena penggunaannya hampir sama dengan microsoft office. Yang mau saya terangkan adalah bagaimana cara mengupload file yang sudah jadi ke google docs dan kemudian menampilkannya di blog anda.
Salah satu syarat untuk bisa menggunakan google docs adalah anda harus mempunyai alamat email di gmail (google acount). Jika selama ini account blogger anda menggunakan gmail maka bisa secara langsung login ke google docs. Bagi anda yang baru pertama kali masuk ke google docs, maka anda harus setuju dengan peraturan yang di buat oleh google. Sudah punya account google?
Langkah 1 : upload file ke google docs.
1. Silahkan login dengan account gmail anda.
2. Klik Tab Upload yang berada di sebelah kiri atas layar monitor anda.- Klik tombol browse… di bawah tulisan Browse your computer to select a file to upload:
3. Masukan file yang ingin anda upload (word, excel, power point).
4. Klik tombol Upload File yang ada di sebelah bawahnya.
5. Tunggu beberapa saat sampai file anda terupload semuanya (tergantung dari besarnya file serta kecepatan koneksi anda).
6. Jika sudah terupload, anda bisa mengeditnya jika mau.
7. Klik Tab publish yang ada di sebelah kanan atas layar monitor anda, maka akan keluar tulisan “This document is not yet published.”
8. klik tombol Publish Now yang ada di bawahnya.
9. Jika sudah selesai, lihat kembali ke bagian bawahnya!
10. Klik link bertuliskan More Publishing Options.
11. Setelah keluar window pop up, klik menu drop down di sebelah tulisan File format kemudian pilih “HTML to embed a webpage.”
12. Klik tombol Generate URL.
13. Copy kode HTMl yang di berikan, lalu paste pada notepad atau text editor lainnya.
14. Silahkan di close saja window nya.
15. Silahkan anda sign out dari google docs jika mau. – Selesai.
Langkah 2 : posting kode google docs ke blogger.
Silahkan login ke blogger dengan ID anda.
1. Klik Posting Baru.
2. Silahkan anda buat postingan yang anda inginkan.
3. Ketika anda mau menyisipkan kode yang dari google docs, klik terlebih dahulu tab Edit HTML ( jangan yang compose)
4. Paste kode google docs yang ada di notepad tadi pada tempat yang anda inginkan.
5. Klik Tombol PUBLIKASIKAN POSTING.
6. Silahkan lihat hasilnya.
7. Selesai
Sekarang anda sudah tahu cara menampilkan file excel di blog kan? ada lagi tambahan nih dari kang rohman. Berikut adalah contoh kode HTML yang di berikan oleh google docs :

Lihat PREVIEW
Jika kita perhatikan kode tersebut adalah kode HTML untuk perintah iframe, masih ingatkan dengan perintah iframe yang pernah saya posting di “mengenal perintah iframe”? tentunya kode yang di berikan oleh google docs tidaklah mutlak harus seperti itu, tapi kita bisa memodifikasinya sesuai dengan keinginan kita.
Sebagaimana kita lihat bahwa ukuran lebar (width) sebesar 500 pixel, nilai ini bisa anda ganti dan disesuaikan dengan lebar dari halaman post anda, begitupun dengan tingginya (height) ini pun bisa anda ganti dengan nilai yang anda inginkan. Ada satu lagi yang penting adalah dalam kode tersebut tidak di sertakan kode scrolling, sehingga apabila file anda sangat lebar tidak akan terlihat oleh pembaca, maka solusi yang saya berikan adalah menambahkan kode scrolling=”yes’ ataupun scrolling=”auto” pada kode iframe di atas.
contoh kode yang memakai scrolling :

Lihat Preview
Atau dapat juga seperti ini :

Dengan anda menambahan kode seperti itu, maka walaupun file anda mempunyai lebar serta tinggi yang melebihi halaman posting anda, pembaca dapat menggesernya dengsn leluasa memakai scrolling.
Selamat Mencoba

Belajar Pemrograman HTML Tingkat Lanjutan

Belajar Pemrograman HTML Tingkat Lanjutan, kami telah menjelaskan sebelumnya tentang apa itu HTML? HTML (Hyper Text Markup Language) merupakan bahasa pemrograman standar untuk membuat suatu dokumen HTML (halaman web) yang terdiri dari kode-kode singkat tertentu, dimana dengan kode-kode tersebut akan memerintahkan Web browser bagaimana untuk menampilkan halaman Web ( dokumen HTML ) yang terdiri dari berbagai macam format file seperti teks, grafik, animasi, link maupun audio-video. Sedangkan Web browser adalah sebuah progam yang dapat menterjemahkan kode perintah dari dokumen HTML tersebut sehingga dapat kita lihat, baca dan dengar. Contoh dari Web Browser adalah Internet Explorer, Mozilla Firefox, Google Chrome, dll.
HTML mempunyai file perluasan (extention) htm atau html. Dimana kedua perluasan tersebut adalah sama, jadi Anda boleh menyimpan file dokumen HTML dengan extention ".htm" atau ".html".
Belajar pemrograman HTML, pada kesempatan kali ini kami rajaputramedia.com sebagai penyedia jasa pembuatan website profesional di Indonesia akan memberikan tutorial tentang belajar pemrograman HTML tingkat lanjutan, dalam pemrograman HTML ini kita akan membahas tentang format font dan format text dalam HTML, untuk memahami bagaimana struktur HTML,

Belajar Pemrograman HTML Lanjutan

Format Font HTML
Tag HTML untuk font adalah <font> ... </font>, dengan tag ini kita bisa menentukan jenis font (face), warna (color), dan ukuran (size). Untuk lebih jelasnya mari kita perhatikan contoh script berikut:
Latihan1-font.html

<html>
<head></head>
<body>
<font face= "verdana"> Text ini menggunakan font face Verdana </font><br />
<font face= "vivaldi"> Text ini menggunakan font face Vivaldi </font><br />
<font size= "5"> Text ini menggunakan font size 5 </font><br />
<font size= "3"> Text ini menggunakan font size 3 </font><br />
<font color= "blue"> Text ini menggunakan font color Blue </font><br />
<font color= "red"> Text ini menggunakan font color Red </font><br />
<font face= "verdana" size= "2" color= "magenta"> Text ini menggunakan font face Verdana, font size 2, font color Magenta </font>
</body>
</html>

Belajar pemrograman HTML tingkat lanjutan, sekarang ketik script di atas di dalam notepad, atau copas juga bisa ( adminya pake basa-basi dulu ). Iya, langsung copas saja ke dalam notepad, kemudian simpan (save as) dengan nama " latihan1-font.html " jangan lupa gunakan ekstensi [dot]html . Kemudian buka browser Mozila atau IE, open file tersebut, maka akan tampil seperti berikut:

belajar pemrograman HTML lanjutan

Sebagai referensi, sesuai dengan recomendasi dari World Web Consortium (W3C) - belajar pemrograman HTML lanjutan, Untuk HTML 4.0 keatas, tag <font> tidak dipergunakan lagi, sebagai gantinya dibuat tag <style> atau disebut dengan Cassading Style Sheets (CSS). Dengan CSS penggunaanya akan lebih kompleks dan lebih luas karena dapat dikombinasikan dengan tag elemen-elemen lainnya di dalam dokumen HTML. Berikut adalah contoh penggunaan tag style sheets:
Latihan2-font.html

<html>
<head></head>
<body>
<h2 style= "font-family:vivaldi"> Judul Menggunakan font vivaldi </h2>
<p style= "font-family:tahoma"> Konten menggunakan font tahoma </p>
<h1 style= "font-size:150%"> Judul dengan ukuran 150% </h1>
<p style= "font-size:80%"> Konten dengan ukuran 80% </p>
<h1 style= "color:blue"> Judul dengan warna Biru </h1>
<p style= "color:red"> Konten dengan warna merah </p>
<p style= "font-family:verdana;font-size:80%;color:green"> Ini adalah contoh tulisan pengaturan font dengan Cassading Style Sheets (CSS) yang menggunakan tag HTML elemen style: font-family, font-size, dan color. </p>
</body>
</html>

Ketik script di atas di dalam notepad, simpan (save as) dengan nama " latihan2-font.html " jangan lupa gunakan ekstensi [dot]html . Kemudian buka browser Mozila atau IE, open file tersebut, maka akan tampil seperti berikut:

belajar pemrograman HTML lanjutan

Format Text HTML
Untuk menulis biasanya terdapat paragraf dan baris baru, lantas bagaiman cara menuliskannya di dokumen HTML?. Dari contoh yang telah kita buat sebelumnya, coba tambahkan dengan tag-tag berikut ini:
Latihan1-text.html

<html>
<head>
<title>Ini adalah Website Pribadi Saya</title>
</head>
<body>
<hr>
<h1>Ini adalah halaman pertama Website Pribadi Saya</h1>
Dikerjakan oleh:
<hr>
<p>Saya sedang membuat paragraf dan ini contohnya.</p>
<p>Ini contoh paragraf yang lainnya.</p>
<p>Ini juga contoh paragraf, tapi de-<br>
ngan baris baru.<br>
Ini baris baru yang lain.</p>
</body>
</html>

Belajar pemrograman HTML tingkat lanjutan - Ketik script di atas di dalam notepad, simpan (save as) dengan nama " latihan1-text.html " jangan lupa gunakan ekstensi [dot]html . Kemudian buka browser Mozila atau IE, open file tersebut, maka akan tampil seperti berikut:

belajar pemrograman HTML lanjutan

Kemudian untuk menampilkan teks sesuai dengan paragraph yang tertulis (what you see what you get) digunakan tag <pre> ... </pre>, misalnya untuk menuliskan syair sebuah lagu atau puisi:
Latihan2-text.html

<html>
<head>
<title>Pergilah Kasih</title>
</head>
<body>
<pre>

<b>Pergilah Kasih</b>
Pergilah Kasih Kejarlah keinginanmu
Selagi masih ada waktu... 
 Jangan Hiraukan diriku 
 Aku rela berpisah, demi untuk dirimu 
 Semoga tercapai, segala keinginanmu

</pre>
</body>
</html>

Ketik script di atas di dalam notepad, simpan (save as) dengan nama " latihan2-text.html " jangan lupa gunakan ekstensi [dot]html . Kemudian buka browser Mozilla Firefox, Google Chrome, atau IE (Internet Explorer), open file tersebut, maka akan tampil seperti di bawah ini:

belajar pemrograman HTML lanjutan

Sekian Dan Terimakasih ,........ Heeeeeeeeee

Contoh Project Mesin Kasir Dengan Delphi 7

ini contoh program mesin kasir menggunakan boland delphi 7.,saya jelaskan nih gan.
untuk judulnua saya menggunakan PANEL gan.harga satuan menggunakan RADIO BUTTON .,yg di dalamnya saya kasih paduan LABEL dan EDIT .begitu jg dengan jumlah barang dan yg lain ya.,.

untuk menjalankan perintah pembayaran.,.di sini anda harus mengisikan harga monitor dan jumlah barang.,.itu dengan mengklik button TOTAL BAYAR.
 untuk keluar program ,anda bsa klik button KELUAR,.,.

INI PROJECTNYA GAN...:





unit Unit1;

interface

uses
  Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms,
  Dialogs, StdCtrls, ExtCtrls;

type
  TForm1 = class(TForm)
    Panel1: TPanel;
    GroupBox1: TGroupBox;
    Label1: TLabel;
    Label2: TLabel;
    Label3: TLabel;
    Edit1: TEdit;
    Edit2: TEdit;
    Edit3: TEdit;
    GroupBox2: TGroupBox;
    Label4: TLabel;
    Label5: TLabel;
    Label6: TLabel;
    Edit4: TEdit;
    Edit5: TEdit;
    Edit6: TEdit;
    GroupBox3: TGroupBox;
    Label7: TLabel;
    Label8: TLabel;
    Label9: TLabel;
    Edit7: TEdit;
    Edit8: TEdit;
    Edit9: TEdit;
    Button1: TButton;
    Edit10: TEdit;
    procedure Button1Click(Sender: TObject);
  private
    { Private declarations }
  public
    { Public declarations }
  end;

var
  Form1: TForm1;

implementation

{$R *.dfm}




procedure TForm1.Button1Click(Sender: TObject);
var hrgdasmon,hrgdascpu,hrgdasram: currency;
jummon,jumcpu,jumram :integer;
totmon,totcpu,totram :currency;
diskon,totalbayar:double;
begin
 //untuk satuan barang
 hrgdasmon:=StrToCurr(Edit1.Text);
 hrgdascpu:=StrToCurr(Edit2.Text);
 hrgdasram:=StrToCurr(Edit3.Text);

 //untuk jmlah barang
 jummon:=StrToInt(Edit4.Text);
 jumcpu:=StrToInt(Edit5.Text);
 jumram:=StrToInt(Edit6.Text);

 //harga satuan * jumlah harga
 totmon:=hrgdasmon*jummon;
 totcpu:=hrgdascpu*jumcpu;
 totram:=hrgdasram*jumram;

 //menampilkan per jenis barang

 Edit7.Text:=CurrToStr(totmon);
 Edit8.Text:=CurrToStr(totcpu);
 Edit9.Text:=CurrToStr(totram);

 // totalbayar
 totalbayar:=totmon +totcpu+totram;
 Edit10.Text:= CurrToStr(totalbayar);


end;

procedure TForm1.Button2Click(Sender: TObject);
begin
Application.Terminate;
end;



end.

SEMOGA BERMANFAAT GAN.

Cara Membuat Website Sederhana Untuk Pemula Dalam 5 Menit

Cara Membuat Website

Cara membuat website mungkin bisa dibilang bukan hal yang sulit bahkan cukup mudah untuk para webmaster (pembuat website). Namun bagaimana dengan teman-teman kita yang baru saja 'terjun' di dunia blogging ? apakah mereka juga menganggap Cara Membuat Website adalah hal yang mudah ? tentu tidak bukan, atas dasar itulah saya akan mencoba menjelaskan tahap demi tahap Bagaimana Cara Membuat Website dari Dasar atau Awal untuk para Pemula tentunya.

Tenang saja, Cara Membuat Web yang akan saya berikan ini tidak akan banyak memakan waktu Anda, karena sesuai judul yang saya buat Cara Membuat Website ini hanya akan memakan waktu 5 Menit saja, bahkan mungkin bisa kurang dari itu.

Baiklah, disini saya akan membagi Tutorial Membuat Website ini menjadi 2 Bagian.

1. Cara Membuat Website
2. Cara Upload File ke Website Menggunakan FTP
3. Video Cara Membuat Website

Kedua Cara diatas akan saya jelaskan secara gamblang dengan bahasa yang sesederhana mungkin. Jadi untuk Anda yang benar-benar buta akan Website mampu mengikuti Tutorial Membuat Website ini dengan Mudah.

1. Cara Membuat Website

Sebelum membuat website, hal yang harus Anda persiapkan adalah Hosting + Domain. Jika Anda bingung apa itu Hosting, maka kita bisa mengibaratkan Hosting itu ibarat Rumah untuk menyimpan barang-barang (file) dan Domain ibarat Nama Jalannya, agar pengunjung bisa berkunjung.

Untungnya hampir semua penyedia layanan website sekarang ini sudah menyediakan paket lengkap, yaitu mereka sudah menyiapkan Hosting dan Domain menjadi satu, jadi pesan Hosting dapat gratis Domain. Karena kita nyari yang gratisan jadi kita gak akan dapat Domain, melainkan hanya akan mendapat SubDomain (ada embel-embelnya, semacam blogspot.com atau wordpress.com).

Kembali ke Topik, untuk Cara Membuat Website.

1. Kunjungi situs penyedia Layanan pembuatan Website, disini akan saya beri contoh menggunakan situs penyedia layanan yang cukup populer di Indonesia, yaitu IDHostinger. Langsung saja kunjungi
   
2. Setelah terbuka, selanjutnya klik Buat Akun. Letaknya ada di pojok kanan atas, dekat form login.
   
   

   

    (Gambar: 1)

   
   
3. Di halaman ini Anda diwajibkan mengisi. Nama, E-mail dan Password Anda. Isikan sesuai tempatnya.
   
   

   

   (Gambar: 2)

   
   Jangan lupa centang, Saya setuju dengan Ketentuan Penggunaan Layanan.
   
   
4. Selanjtunya, kita buka Tab Baru dan masuk ke Email kita, untu mengaktivasi Akun kita. Nanti ada dua Email dari yang dikirim oleh IDHostinger, Anda lihat saja yang pertama atau yang paling bawah.
   
   

   

    (Gambar: 3)

   
   Tingal Anda klik atau salin link tersebut ke Address Bar dan klik Enter.
   
   
5. Disini kita akan disuruh memilih Paket Hosting yang akan kita pakai nanti untuk Membuat Website. Karena kita hanya akan Membuat Web untuk Belajar saja, maka kita Order saja yang Paket Gratis.
   
   

   

    (Gambar: 4)

   
   
6. Kalau diatas kita sudah memesan Hostingan makan setelah itu kita akan diberi hadiah SubDomain. Untuk SubDomainnya ada banyak pilihan, silahkan Anda pilih yang paling cocok atau sesuai dengan selera Anda. Lalu klik Buat.
   
   

   

   (Gambar: 5)

   
   
7. SubDomain + Hosting Anda akan dibuat, jadi tunggu hingga muncul pemeberitahuan 'Akun telah dibuat 100%' di pojok kanan bawah.
   
   

   

   (Gambar: 6)

   
   Selanjutnya, silahkan Anda klik Lihat Hasil.
   
   
8. Dari sini kita sudah berhasil membuat akun untuk membuat Websitenya, namun kita belum memesan Hosting + SubDomain atau dengan kata lain suah berhasi Mendaftar / Membuat Website. Namun kita harus melanjutkan untuk mengisi website kita dengan Artikel atau File. Caranya dengan mengklik tombol Kelola.
   
   

   

    (Gambar: 7)

   
   
9. Maka Anda akan dibawa ke Cpanel (Control Panel). Disinilah tempat Anda mengatur segala sesuatu yang berkaitan dengan website Anda. Mulai dari :
   
   
   • Menambah Subdomain
   • Parkir Domain
   • Impor Website
   • Impor Database
   • Mengatur Halaman Error
   
   Dan masih banyak lagi. Namun kita tidak akan membahas fitur-fitur yang ada di Cpanel ini (butuh watu berhari-hari). Tujuan kita masuk Cpanel adalah untuk mengambil Data mengenai : 'Nama pengguna'.
   
   

   

    (Gambar: 8)

   
   Lihat dan silhkan Anda Catat (kalau bisa dikertas atau buku).

Tutorial Pembelajaran Web Sederhana HTML.

 

Mau buat website? Tapi gak tau gimana cara memulai? Yuuuk belajar, dengan membuat website sederhana dengan menggunakan HTML. HTML itu apa sih? . “HyperText 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.” (Wikipedia, 2013).

Naah, gimana cara membuatnya?. Menggunakan aplikasi yang rumit kah?. Gak tentunya! Cukup pakai notepad yang sudah terinstall di komputer masing-masing. Caranya gimana?. 

1. Buka notepad terus buat contoh coding seperti ini

 

   
 2.      Terus save dalam bentuk html jadi kayak gini

 

Jangan lupa untuk mengganti nama menjadi .html dan type menjadi all file

3.    
Buka dimana data disimpan, lalu klik 2 kali, atau klik kanan lalu klik open with mozilla/internet explorer,   dll

 

4.  Inilah hasil website sederhana menggunakan html

 
5.       Jika ingin membuat website seperti ini

  Silahkan lebih mempelajari lebih dalam mengenai html, php, css, database, MySQL, phpMyAdmin,dll.

Sekian. Terima kasih. SeMOGA bERMANFAAT ...... HIIIII..