Cara Menghubungkan 2 Komputer Menggunakan LAN

Cara Menghubungkan Antar Komputer/Laptop dan Setting LAN | Jika anda mempunyai dua komputer dan ingin menghubungkannya agar kedua komputer tersebut bisa saling tersambung dan dapat saling terkoneksi satu sama lain untuk bertukar data, sharing printer, sharing internet, sharing aplikasi, game, dan lain-lain. cara yang paling praktis adalah menghubungkannya dengan menggunakan kabel UTP atau biasa disebut dengan kabel LAN

Cara LAN Komputer Ke Komputer
Syarat menghubungkan kedua komputer menggunakan LAN harus memiliki :

• Port Ethernet (LAN Card/NIC Card).
• Kabel Cross

Menghubungkan Komputer Dengan LAN

Pada umumnya komputer yang ada pada saat ini sudah memiliki Port Ethernet namun untuk komputer yang lawas alias sudah jadul biasanya belum terpasang, cara mengatasinya bisa dengan menambahkan NIC PCIatau NIC USB (USB to LAN)

Port LAN pada komputer Desktop

Port LAN pada Laptop

Agar bisa saling terhubung antar kedua komputer secara langsung tanpa menggunakan perangkat tambahan seperti Switch kita bisa gunakan Kabel UTP / kabel  LAN dengan konfigurasi Cross-over. Jika anda sudah mempunyai kabel LAN Cross-over, colokkan kedua ujung konektor tersebut pada masing-masing port ethernet di kedua komputer/laptop yang akan saling terhubung.

Setelah kita sudah menyiapkan koneksi  fisiknya, kemudian agar kedua komputer dapat saling terhubung kita harus mensetting IP address pada masing-masing komputer

Cara Setting IP Adress

Setting Untuk Komputer A

• Klik pada Logo Network di sebeleh kanan bawah layar desktop, kemudian klik Open Network and Sharing Center 

• Selanjutnya klik Local Area Connection kemudian Properties

• Kemudian pada bagian Internet Protocol Version 4(TCP/IPv4) klik Properties

• Pilih Use the following IP address

• Isikan IP address misalnya : 192.168.0.1

• Subnet mask : 255.255.255.0
• Klik OK

Setting Untuk Komputer B
Lakukan step-step yang sama untuk komputer B, namun bedakan IP addressnya

• Klik pada Logo Network di sebeleh kanan bawah layar desktop, kemudian klik Open Network and Sharing Center
• Selanjutnya klik Local Area Connection kemudian Properties
• Kemudian pada bagian Internet Protocol Version 4(TCP/IPv4) klik Properties
• Pilih Use the following IP address
• Isikan IP address yang berbeda dengan komputer A, contoh : 192.168.0.2
• Subnet mask : 255.255.255.0
• Klik OK, Finish

Jika benar mengikuti langkah-langkah diatas seharusnya antara kedua komputer anda sudah dapat saling terhubung, jika belum terhubung coba pastikan kabel LAN anda bermasalah atau tidak, cara mengeceknya bisa menggunakan LAN tester.

Cara Mengetahui Komputer Sudah Terhubung

Untuk mengecek koneksi, dapat dilakukan dengan perintah ping
(untuk dapat melakukan perintah ping, offkan/matikan terlebih dahulu Windows Firewallnya, masuk dari Control Panel--> Windows Firewall --> Turn off Windows Firewall)

Perintah Ping dari Komputer A ke Komputer B

Di Komputer A masuk kebagian Command Prompt, (Windows + R) kemudian ketik CMD maka akan tampil tab layar Command Prompt (layar yang berwarna hitam)

Ketik :

ping 192.168.0.2

kemudian tekan Enter
Jika berhasil terhubung akan ada Reply dari komputer B (192.168.0.2)




Perintah Ping dari Komputer B ke komputer A

Lakukan juga perintah ping dari komputer B ke komputer A, buka Command Prompt (Windows + R) kemudian ketik CMD

Ketik :

ping 192.168.0.1

kemudian tekan Enter
Maka harus ada Reply dari komputer A (192.168.0.1)

Demikianlah cara menghubungkan kedua komputer dengan menggunakan jaringan LAN, sekian dan semoga bermanfaat

Sumber: cara-terindah.blogspot

Read More

Pengertian Client Side dan Server Side Web Programming

Client-side Web Programming 

Secara umum, suatu client adalah satu aplikasi komputer, seperti web browser yang berjalan pada satu komputer lokal dari pengguna atau workstation, dan terhubung ke suatu server. Client-side programming adalah program komputer pada web yang dijalankan pada sisi client, oleh web browser. Hal ini berlawanan arti dengan Server-side scripting. Operasi dapat dilakukan oleh client-side karena operasi tersebut membutuhkan akses ke informasi atau fungsi yang tersedia pada client tetapi tidak pada server, karena pengguna membutuhkan observasi terhadap operasi tersebut atau menyediakan input, atau server kekurangan kekuatan pememrosesan untuk melakukan operasi yang tepat waktu untuk seluruh client yang harus dilayaninya.  Sebagai tambahan, jika operasi dapat dilakukan oleh client tanpa mengirim data melalui jaringan, maka hal itu memakan waktu lebih sedikit, menggunakan lebih kecil bandwidth dan mengurangi resiko keamanan.

Client-side Script seringkali dimasukkan (embedded) di dalam dokumen HTML, tetapi dapat juga berada di dalam file terpisah, yang direferensikan oleh dokumen yang menggunakannya. Atas sebuah request, file yang diperlukan dikirimkan oleh web server kepada komputer user.  Web browser milik user melakukan eksekusi terhadap Script, lalu menampilkan dokumen, termasuk output yang dapat terlihat dari Script. Client-side Script juga dapat berisikan perintah yang harus diikuti oleh web browser jika user berinteraksi dengan dokumen dengan cara tertentu, contohnya klik sebuah tombol.

Server-side Web Programming 
 

Terminologi Server-side memiliki arti operasi yang dilakukan oleh server didalam sebuah client-server relationship. Umumnya, sebuah server adalah program, seperti web server, yang berada pada sebuah remote server, yang dapat dijangkau oleh komputer lokal milik user. Operasi dilakukan pada sisi Server, karena memerlukan akses atas informasi atau fungsi yang tidak tersedia pada client, atau pada aplikasi yang tidak dapat dilakukan pada Client-side. Operasi Server-side juga meliputi proses dan penyimpanan data dari client ke suatu server, yang dapat dilihat oleh sekelompok Client. Server-side Scripting adalah teknologi Web Server dimana request oleh user dipenuhi dengan cara menjalankan script langsung pada web server untuk menghasilkan halaman HTML dinamis. Umunya menyediakan website interaktif pada database dan penyimpanan data lainnya. Keuntungan utama dari Server-side Script adalah kemampuan untuk mengatur response berdasarkan keperluan user, hak akses, atau query ke dalam data store.

Contoh Teknologi Server-side Programming :
 1.  ASP  (Active Server Page)

Solusi yang dirancang Microsoft memungkinkan berbagai bahasa (meskipun umumnya VBScript digunakan) di dalam halaman HTML, terutama digunakan pada Windows tapi dengan terbatas dukungan pada platform lainnya.

 2.  ColdFusion 
Tag lintas platform berbasis server side scripting sistem komersial.

 3.  JSP  (Java Server Page)
Sebuah sistem berbasis Java untuk embedding kode dalam halaman HTML.

 4. Lasso 
Sebuah DataSource netral bahasa pemrograman ditafsirkan dan platform server lintas.  

 5. SSI 
Sebuah sistem yang cukup mendasar yang merupakan bagian umum dari web server Apache.

 6. PHP  (Hypertext PreProcessor)

Merupakan jenis pemrograman web yang dasarnya dari linux. Bahasa pemrograman ini termasuk open source karena sumbernya dari sistem operasi linux dan juga menggunakan database SQL (Structure Query Language).

Read More

JavaScript HTML DOM Animation

Animasi JavaScript dilakukan oleh pemrograman perubahan bertahap dalam gaya elemen.

Perubahan tersebut disebut dengan timer. Ketika interval waktu kecil, animasi terlihat terus menerus.

<!DOCTYPE html>

<html>

<style>

#container {

  width: 400px;

  height: 400px;

  position: relative;

  background: yellow;

}

#animate {

  width: 50px;

  height: 50px;

  position: absolute;

  background-color: red;

}

</style>

<body>

<div id ="container">

<div id ="animate"></div>

</div>

<br>

<button onclick="move()">Click Me</button> 

<script>

function move() {

  var elem = document.getElementById("animate");   

  var pos = 0;

  var id = setInterval(frame, 5);

  function frame() {

    if (pos == 350) {

      clearInterval(id);

    } else {

      pos++; 

      elem.style.top = pos + 'px'; 

      elem.style.left = pos + 'px'; 

    }

  }

}

</script>

</body>

</html>

Klik tombol berikut untuk melihat demo code diatas.

Try it yourself »




Sumber: w3schools

Read More

JavaScript Form Validation

Validasi form HTML bisa dilakukan oleh JavaScript.

Jika bentuk field (fname) kosong, fungsi ini memberi pesan peringatan, dan mengembalikan false, untuk mencegah form isian kosong:

<!DOCTYPE html>

<html>

<head>

<script>

function validateForm() {

    var x = document.forms["myForm"]["fname"].value;

    if (x == null || x == "") {

        alert("Name must be filled out");

        return false;

    }

}

</script>

</head>

<body>

<form name="myForm" action="demo_form.asp"

onsubmit="return validateForm()" method="post">

Name: <input type="text" name="fname">

<input type="submit" value="Submit">

</form>

</body>

</html>

Fungsi JavaScript tersebut dapat dipanggil ketika form di submit. Berikut gambar validasi code diatas.

Berikut bentuk lain validasi Form HTML menggunakan JavaScript seperti contoh dibawah ini.

<!DOCTYPE html>

<html>

<body>

<form action="demo_form.asp" method="post">

  <input type="text" name="fname" required>

  <input type="submit" value="Submit">

</form>

</body>

</html>

Berikut gambar hasil dari code diatas.

	Validasi form HTML diatas tidak bekerja di Internet Explorer 9 atau sebelumnya.

Sumber : w3schools

Read More

Belajar Membuat Program Dengan Excel VBA- Pelajaran 4 : Membuat Program Userform

Bab ini mengajarkan Anda bagaimana untuk membuat Excel VBA UserForm. UserForm akan dibuat terlihat sebagai berikut:

Add the Controls

Untuk menambahkan kontrol ke UserForm, jalankan langkah-langkah berikut.

1. Buka Visual Basic Editor. Jika Project Explorer tidak terlihat, klik View, Project Explorer.

2. Klik Insert, UserForm. Jika Toolbox tidak muncul secara otomatis, klik View, Toolbox. Layar Anda harus terlihat sebagai berikut.

3. Tambahkan kontrol yang tercantum dalam tabel di bawah ini. Setelah ini telah selesai, hasilnya harus konsisten dengan gambar UserForm ditampilkan sebelumnya. Misalnya, membuat teks kotak kontrol dengan mengklik TextBox dari Toolbox. Berikutnya, Anda dapat drag teks box pada UserForm. Ketika Anda tiba di Car frame, ingatlah untuk menggambar frame ini terlebih dahulu sebelum Anda menempatkan dua option buttons di dalamnya.

4. Ubah names dan captions dari controls sesuai dengan tabel di bawah. Nama yang digunakan dalam kode VBA Excel. Captions yaitu yang muncul di layar Anda. Ini adalah praktik yang baik untuk mengubah nama kontrol. Ini akan membuat kode Anda lebih mudah dibaca. Untuk mengubah name dan captions dari kontrol, klik View, Properties Window dan klik pada setiap kontrol.

Control	Name	Caption
Userform	DinnerPlannerUserForm	Dinner Planner
Text Box	NameTextBox
Text Box	PhoneTextBox
List Box	CityListBox
Combo Box	DinnerComboBox
Check Box	DateCheckBox1	June 13th
Check Box	DateCheckBox2	June 20th
Check Box	DateCheckBox3	June 27th
Frame	CarFrame	Car
Option Button	CarOptionButton1	Yes
Option Button	CarOptionButton2	No
Text Box	MoneyTextBox
Spin Button	MoneySpinButton
Command Button	OKButton	OK
Command Button	ClearButton	Clear
Command Button	CancelButton	Cancel
7 Labels	No need to change	Name:, Phone Number:, etc.

Catatan: combo box adalah daftar drop-down di mana pengguna dapat memilih item atau mengisi / pilihannya sendiri. Hanya salah satu option buttons dapat dipilih.

Show the Userform

Untuk menampilkan UserForm, menempatkan tombol perintah pada lembar kerja Anda dan tambahkan baris kode berikut:

Private Sub CommandButton1_Click()

DinnerPlannerUserForm.Show

End Sub

Kita sekarang akan membuat Sub UserForm_Initialize. Bila Anda menggunakan Show metode untuk UserForm, sub ini secara otomatis akan dieksekusi.

1. Buka Visual Basic Editor.

2. Dalam Project Explorer, klik kanan pada DinnerPlannerUserForm dan kemudian klik View Code.

3. Pilih UserForm dari list drop-down kiri. Pilih Inisialisasi dari daftar drop-down yang tepat.

4. Tambahkan baris kode berikut:

Private Sub UserForm_Initialize()

'Empty NameTextBox
NameTextBox.Value = ""

'Empty PhoneTextBox
PhoneTextBox.Value = ""

'Empty CityListBox
CityListBox.Clear

'Fill CityListBox
With CityListBox
    .AddItem "San Francisco"
    .AddItem "Oakland"
    .AddItem "Richmond"
End With

'Empty DinnerComboBox
DinnerComboBox.Clear

'Fill DinnerComboBox
With DinnerComboBox
    .AddItem "Italian"
    .AddItem "Chinese"
    .AddItem "Frites and Meat"
End With

'Uncheck DataCheckBoxes
DateCheckBox1.Value = False
DateCheckBox2.Value = False
DateCheckBox3.Value = False

'Set no car as default
CarOptionButton2.Value = True

'Empty MoneyTextBox
MoneyTextBox.Value = ""

'Set Focus on NameTextBox
NameTextBox.SetFocus

End Sub

Penjelasan: text boxes dikosongkan, list boxes dan combo boxes diisi, check boxes yang dicentang, dll

Assign the Macros

Kami sekarang telah menciptakan bagian pertama dari UserForm. Meskipun terlihat sudah rapi, namun ketika kita klik tombol perintah pada UserForm, program belum bisa jalan.

1. Buka Visual Basic Editor.

2. Dalam Project Explorer, double klik kali pada DinnerPlannerUserForm.

3. Double klik pada tombol Money spin.

4. Tambahkan baris kode berikut:

Private Sub MoneySpinButton_Change()

MoneyTextBox.Text = MoneySpinButton.Value

End Sub

Penjelasan: baris kode ini update  text box saat Anda menggunakan tombol spin.


5. Double klik pada tombol OK.

6. Tambahkan baris kode berikut:

Private Sub OKButton_Click()

Dim emptyRow As Long

'Make Sheet1 active
Sheet1.Activate

'Determine emptyRow
emptyRow = WorksheetFunction.CountA(Range("A:A")) + 1

'Transfer information
Cells(emptyRow, 1).Value = NameTextBox.Value
Cells(emptyRow, 2).Value = PhoneTextBox.Value
Cells(emptyRow, 3).Value = CityListBox.Value
Cells(emptyRow, 4).Value = DinnerComboBox.Value

If DateCheckBox1.Value = True Then Cells(emptyRow, 5).Value = DateCheckBox1.Caption

If DateCheckBox2.Value = True Then Cells(emptyRow, 5).Value = Cells(emptyRow, 5).Value & " " & DateCheckBox2.Caption

If DateCheckBox3.Value = True Then Cells(emptyRow, 5).Value = Cells(emptyRow, 5).Value & " " & DateCheckBox3.Caption

If CarOptionButton1.Value = True Then
    Cells(emptyRow, 6).Value = "Yes"
Else
    Cells(emptyRow, 6).Value = "No"
End If

Cells(emptyRow, 7).Value = MoneyTextBox.Value

End Sub

Penjelasan: pertama, kita mengaktifkan Sheet1. Berikutnya, kita menentukan emptyRow. Variabel emptyRow adalah baris pertama yang kosong dan menambahkan setiap kali sebuah record ditambahkan. Akhirnya, kita mentransfer informasi dari UserForm ke kolom tertentu dari emptyRow.

7. Double klik pada tombol Clear.

8. Tambahkan baris kode berikut:Penjelasan: baris kode ini menut

Private Sub ClearButton_Click()

Call UserForm_Initialize

End Sub

Penjelasan: baris kode ini memanggil Sub UserForm_Initialize ketika Anda klik pada tombol Clear.

9. Klik dua kali pada Batal Button.

10. Tambahkan baris kode berikut:

Private Sub CancelButton_Click()

Unload Me

End Sub

UserForm keluar ketika Anda klik pada tombol Cancel.

Test the Userform

Keluar dari Visual Basic Editor, masukkan label yang ditunjukkan di bawah ke baris 1 dan menguji UserForm.

hasil:

Sumber: excel-easy.com

Read More