PERBANDINGAN WIN 7 DAN WIN 8

Assalamu alaikum Wr. Wb.

Perbedaan Windows 8 dan Windows 7 | 

Nah, sekarang saya sempatkan Perbedaan Windows 8 dan Windows 7 sehingga sobat bisa tahu apa sih Perbedaan Windows 8 dan Windows 7??? Walau bagaimanapun perbedaan dasarnya tapi tetap kembali kepada user sebagai pengguna yang bisa menilai mana yang lebih baik dan cocok digunakan oleh user.

Perbedaan Windows 8 dan Windows 7 :

1. Fitur Layar Sentuh
Perbedaan yang paling mendasar dari Windows 8 dengan Windows 7 adalah adanya fitur layar sentuh. Sebenarnya di Windows 7 sudah ada fitur ini, hanya saja kurang maksimal. Untuk itu, Windows 8 diciptakan sebagai penyempurna layar sentuh Windows 7. Bagi yang tidak memiliki PC dengan fitur layar sentuh, sobat tak perlu khawatir. Sebab, fitur ini bisa dioperasikan pada pada PC biasa dengan bantuan trackpad dari Microsoft untuk bisa mendeteksi sentuhan dari penggunanya.

2. Layar atau Tombol Start
Tidak seperti Windows 7, tombol Start pada Windows 8 tersembunyi. Tombol ini berfungsi mirip dengan layar Home pada Windows Phone dan hanya muncul jika Anda mengarahkan panah mouse atau tetikus ke arah pojok kiri bawah.

3. Fitur Multi Monitor Lebih Baik
Beberapa dari kita ada yang menggunakan lebih dari satu monitor untuk satu PC. Namun, hal ini membutuhkan manajemen desktop yang baik. Kini sobat bisa membuka layar Start pada salah satu monitor dan layar desktop pada monitor yang lainnya. Sobat bahkan juga bisa memiliki background yang berbeda antara satu monitor dengan monitor lainnya.

4. Fitur Charms
Windows 8 memiliki fitur Charms yang belum dipasang di Windows 7. Dengan fitur ini, sobat bisa mengakses menu Search, Share, Device, serta Settings hanya dengan mengarahkan mouse ke arah sebelah kanan layar.

5. Search dan Social Windows 8
Selain fitur Charms, menu Search juga bisa dilakukan di menu Start seperti pada Windows 7. Di Windows 8, sobat dapat dengan mudah dan cepat mengakses jejaring sosial, karena adanya aplikasi Facebook, Twitter, dan Linkedln yang sudah otomatis terdapat di tampilan. Bahkan, sobat bisa menerima langsung notifikasi dari jejaring sosial tersebut.

6. Windows 8 Miliki Device ARM
Jika sebelumnya Windows hanya mendukung PC dengan prosesor AMD atau Intel yang x86-based, kini Windows 8 juga bisa digunakan pada beberapa device yang menggunakan ARM. Hal ini dilakukan untuk bisa bersaing dengan iPad dan tablet Android. Namun, hanya Windows 8 jenis RT (Run Time) saja yang memiliki device ARM ini.

7. Windows Store
Windows Store adalah bagian utama dari Windows 8 yang menyediakan berbagai macam aplikasi, baik yang gratis maupun yang berbayar. Sobat bisa membuka menu Store ini melalui Charms seperti yang sudah dijelaskan sebelumnya. Jika aplikasinya sudah mesti di-update, sobat dapat dengan mudah mengunduhnya, semudah memperbaharui aplikasi pada iOS atau Android.

8. Fitur Cloud Windows 8, ada fitur Cloud di Windows 8
Dengan fitur ini, sobat bisa mensinkronisasi data sobat ke aplikasi Skydrive. Selain itu, sobat juga bisa menyimpan data sobat dari atau ke Skydrive.

Semoga dapat memberikan manfaat, salam .::  ::.

Wassalam . . .

MENGENAI REGISTRY WINDOWS

Pengertian Registry Windows. Registry merupakan kumpulandatabase yang berhubungan dengan semua pengaturan Windows dan semua aplikasi yang terinstall di dalamnya. Perubahan registry dapat beresiko mengacaukan system komputer secara keseluruhan apabila kita melakukan kesalahan dalam “memodifikasi” registry ini. Oleh karena itu, sebelum melakukan modifikasi, disarankan untukmelakukan back up terlebih dahulu. Dengan demikian jika terjadi kesalahan dalam melakukan modifikasi, kita dapat merestore kembali kepada keadaan registry semula.

Lokasi Penyimpanan Registry

Dalam Windows 95, 98, Me, registry ini tersimpan di dalam file tersembunyi dalam Windows, yaitu USER.DAT dan SYSTEM.DAT.

Dalam Windows 2000 dan XP, registry ini disimpan di folder\windows\system32\config dan pada \Documents and Settings\(username).

Struktur Registry

Registry mempunyai struktur hirarki yang seperti direktori pada harddisk. Setiap cabang (dilambangkan dengan icon folder dalam Registry Editor) disebut sebagai Key. Setiap key dapat berisi key lain serta Value-Value. Setiap Value berisi informasi aktual yang disimpan dalam Registry. Ada tiga jenis nilai String, Binary dan DWORD dan penggunaan dari ketiganya tergantung pada konteks.

Ada enam cabang utama (lima di Windows 2000 dan Windows XP), masing-masing berisi bagian spesifik dari informasi yang disimpan dalam Registry. Enam cabang tersebut adalah sebagai berikut:

• HKEY_CLASSES_ROOT >>cabang ini berisi semua jenis (type) file kita serta informasi OLE.
• HKEY_CURRENT_USER - this branch points to the part of HKEY_USERSappropriate for the current user. HKEY_CURRENT_USER >> cabang ini menunjuk ke bagian dari HKEY_USERS cocok untuk current user.
• HKEY_LOCAL_MACHINE - cabang ini berisi informasi tentang semua perangkat keras dan perangkat lunak yang diinstal pada komputer kita. Karena Anda dapat menetapkan beberapa konfigurasi hardware, konfigurasi perangkat keras saat ini ditentukan dalamHKEY_CURRENT_CONFIG.
• HKEY_USERS >> HKEY_USERS - cabang ini berisi preferensi tertentu (seperti warna dan pengaturan panel kontrol) untuk masing-masing pengguna komputer. Pada Windows 95/98/ME, cabang default ini berisi user yang sedang login. Pada Windows 2000/XP, cabang default ini berisi template yang akan digunakan untuk menambah pengguna baru.
• HKEY_CURRENT_CONFIG >> cabang ini menunjuk ke bagianHKEY_LOCAL_MACHINE yang sesuai dengan konfigurasi perangkat keras yang ada.
• HKEY_DYN_DATA (hanya pada Windows 95/98/ME) >> cabang ini menunjuk ke bagian HKEY_LOCAL_MACHINE, yang digunakan untuk system Windows Plug-&-Play.

Menggunakan Registry Editor

Registry Editor (regedit.exe) merupakan tool yang disertakan dalam Windows yang memungkinkan kita untuk melihat dan mengedit isi registry. Bila kita jalankan tool Registry Editor tersebut, kita akan melihat jendela yang terbagi menjadi dua panel. Panel sisi kiri menunjukkan sebuah cabang dengan folder dan panel sisi kanan menunjukkan isi (value) dari folder yang sedang dipilih (key).

Berikut screenshot Registry Editor

Untuk memperluas cabang tertentu, klik pada tanda tambah kecil [+] ke kiri dari setiap folder, atau cukup klik ganda pada folder. Untuk menampilkan isi dari suatu key (folder), klik saja tombol yang dikehendaki, dan lihat pada value-value yang tercantum di sisi kanan. Kita dapat menambahkan key atau value baru dengan memilih Newdari menu Edit. Kita juga bisa merubah nama value dan hampir semua key dengan metode yang sama digunakan untuk mengubah nama file, klik kanan pada objek dan klik mengubah nama, atau klik dua kali (perlahan-lahan), atau hanya tekan F2 pada keyboard. Terakhir, anda dapat menghapus key atau value dengan mengkliknya dan menekan Delete pada keyboard, atau dengan mengklik kanan dan memilih Hapus.

 

Apa saja yang boleh dilakukan di area registry??

::Kamu boleh memakai program lain selain regedit.exe-nya windows untuk mengotak-atik registry. Program seperti ini udah banyak berserakan di internet. tampilannya lebih bagus, bahkan ada yang disertakan penjelasan plus tutorial…!!

::Kamu boleh membuat backup kapan saja. Dan memang sangat disarankan, sebelum kamu mulai untuk otak-atik registry, sebaiknya dibackup dulu.. Cukup klik di handle key atau key pada area yang mau kamu otak-atik. trus klik file>> eksport dan simpan dengan nama terserahkamu.

::Bagi yang bener-bener ngga’ tau apa-apa soal registry, sebaiknya jangan otak-atik pada bagian policy. Yeah batasi diri aja… Tapi kalo nekat sich ngga’ apa-apa. Paling banter juga instal ulang windows…

Apa saja yang tidak boleh dilakukan??

.::Jangan menggunakan kode registry dari versi windows yang berbeda
.::Jangan pernah meninggalkan Registry Editor dalam keadaan terbuka.
.::Jangan pernah menyalin registry dari komputer lain kecuali kamu faham benar dengan apa yang kamu lakukan.
.::Jangan coba-coba menghapus Handle Key

Ciaw… sekian dulu yach…<<keep learning>> 

SEMOGA BERMANFAAT

 

Ubuntu Live dan Ubuntu Full Desktop

PERBEDAAN Ubuntu Live dan Ubuntu Full Dekstop

 ( Kelebihan )

Kelebihan Ubuntu Live -  yang lain adalah tidak akan masuk virus , bisa tidak memakai Harddisk , dan masih banyak lain.tapi berikut tips menjalankan OS tanpa Harddisk dengan Ubuntu Live CD .
1.pertama atur setting BIOS agar CD yang pertama dibaca , Masukkan CD
2.setelah itu Pilih Ubuntu Live CD ,

3.Ini kelebihan yang diberikan oleh linux dengan Live demo , kit abs memakai semuanya
4.semua berkas yang sudah kita buat cuman bisa disimpan di Flash disk , Diskette , Harddisk Eksternal , dan media penyimpanan lain sselain Harddisk permanen.

Kelebihan Ubuntu Full Dekstop - Di sini akan dijelaskan beberapa kelebihan dari sistem operasi Linux/UNIX dibandingkan dengan dengan sistem operasi yang lain. Dan berikut ini adalah beberapa fakta dari hal-hal yang menguntungkan dengan menggunakan program dan file-file Linux/UNIX :

1.      Pada dasarnya semua data tersimpan di dalam harddisk walau ada beberapa kondisi dimana data tersimpan di disket. Linux/UNIX memberikan beberapa proses spesial dimana terminal, printer dan device. hardware lainnya dapat diakses seperti kita mengakses file yang tersimpan dalam harddisk atau disket.

      2.      Ketika program dijalankan, program tersebut dijalankan dari harddisk ke dalam RAM dan setelah dijalankan akan dinamakan sebagai proses.

Linux/UNIX menyediakan servis untuk membuat, memodifikasi program, proses dan file.

Linux/UNIX mendukung struktur file yang bersifat hirarki.

Linux/UNIX adalah salah satu sistem operasi yang termasuk ke dalam kelas sistem operasi yang dapat melakukan multitasking. Multitasking sendiri adalah keadaan dimana suatu sistem operasi dapat melakukan banyak kerjaan pada saat yang bersamaan.

Selain multitasking, Linux/UNIX juga dapat mendukung multiuser. Yaitu sistem operasi yang pada saat bersamaan dapat digunakan oleh lebih dari satu user yang masuk ke dalam sistem. Bahkan untuk Linux juga mendukung untuk multiconsole dimana pada saat bersamaan di depan komputer langsung tanpa harus melalui jaringan dan memungkinkan lebih dari satu user masuk ke dakam sistem.

MEMBUAT BOOTABLE WINDOWS 7 USB-DRIVE

Anda dapat membuat Windows bootable 7 USB atau flash drive sehingga Anda dapat menguji Windows 7 tanpa pengujian kinerja mesin Anda. Anda hanya perlu 4GB + flash drive dan Windows 7 instalasi DVD. Istirahat Saya akan memberitahu Anda.

1. Pasang USB drive Anda

2. Klik Start -> Run, ketik cmd .

3. Type

     diskpart
     list disk

Nanti akan keluar list disk. Silahkan Anda pilih disk mana yang akan Anda gunakan. 
(Sebagai contoh disk 3)

4. Sekarang ketik dan melaksanakan langkah-langkah satu per satu 
 select disk 3
clean
create partition primary
select partition 3
active
format fs=NTFS
assign
exit

Disk akan di format

5. Masukkan Windows Vista / 7 DVD ke dalam drive Anda.

6. Ubah direktori ke direktori boot DVD bootsect berasal:

     d:
     cd d: \ boot

7. Gunakan bootsect untuk mengatur USB sebagai drive NTFS bootable siap untuk digunakan.BiasanyaUSB flash drive telah diberi label disk di G: \ oleh komputer. jadi,

     bootsect / nt60 g:

Sekarang Anda dapat menutup jendela command prompt.

8. Sekarang Anda perlu menyalin DVD instalasi ke USB drive Anda. Cara terbaik untuk melakukannya adalah dengan menggunakan Windows Explorer dan itu akan menyalin semua file ke USB drive Anda.

9. Sekarang mengatur BIOS untuk boot dari USB. dan Anda selesai.

TUGAS SISTEM OPERASI TENTANG MSCONFIG

Fungsi Msconfig dan Regedit MSCONFIG adalah troubleshooting tool yang bisa digunakan untuk mendisable software/driver/dsb., dari boot up, dan bisa membantu Anda memecahkan masalah, dan juga membantu jika Anda ingin meningkatkan performance komputer.
 Untuk mengakses MSCONFIG, klik ’Start > Run’ dan ketik ’msconfig’, kemudian klik ’OK’.Tools ini biasanya diusung dalam sistem operasi MS. WIndows versi klien, seperti Windows 98 atau Windows XP.
FUNGSI MSCONFIG fungsinya untuk configurasi windows saat booting sampai login dan siap pakai. Fungsi2 yang sangat berguna:
  - Customisasi start-up, baik start-up by user ataupun by system. bagusnya lagi, tanpa harus mendelet shortcut, jadi cukup pilih (tick) yang mau dijalanin, atau un-tick yang tidak mau dijalanin. beda halnya klo nge-hack di registry, harus selalu membuat backup sebelum delete registry entry.
 - Customisasi services, seandainya ada program2 yang jarang kita gunakan, tapi service-nya selalu running, disini bisa di stop supaya tidak jalan. hati-hati untuk me-nonaktifkan service2 bawaan windows, bisa2 windows tidak dapat berjalan.
- Customisasi booting, misalnya menghilangkan logo winXP yang ada blue bar itu.
- Membuat Windows XP cepat dan optimal (tanpa software). Masih dalam window msconfig, buka tab services. Ini adalah service yang otomatis dijalankan windows pada saat startup.

Ada beberapa service yang tidak perlu dan sebaiknya dimatikan, yaitu : Automatic Live Update Scheduler. Service ini jika Anda tidak ingin otomatis update windows, atau komputer Anda tidak terhubung Internet sama sekali. Error Reporting Service. Jika Anda pernah melihat window yang isinya “error occured ….” terus ada pilihan send atau don’t send. Itulah guna dari service ini. Kita biasanya memilih don’t send, jadi service ini sebaiknya dimatikan.

 • Live Update, sama dengan Automatic Live Update Scheduler.
 • Automatic Updates, sama dengan Automatic Live Update Scheduler.
 • Remote Desktop Help Manager. Digunakan untuk membantu Anda jika mengalami kesulitan atau error di windows, Anda bisa meminta teman Anda untuk mengakses komputer Anda dari jarak jauh (Internet). Jika Anda tidak pernah memakainya, service ini sebaiknya dimatikan.
 • Remote Registry. Untuk mengakses registry (file setting windows) dari jarak jauh. Sebaiknya dimatikan.
 • Uninterruptible Power Supply (UPS). Ini hanya digunakan jika komputer Anda menggunakan UPS, yaitu alat yang berguna untuk menyimpan energi listrik ketika listrik padam. Matikan service ini jika Anda tidak menggunakan UPS.
 • Even Log.Windows mencatat semua log tentang apa yang terjadi di windows. Jika Anda tidak pernah menggunakan even log (ada di Control Panel -> Administratif Tool), maka service ini boleh dimatikan.
 • Windows Audio. Boleh dimatikan jika komputer Anda tanpa sound card.

FUNGSI REGEDIT

 1. Menghilangkan Prefetch (ini adalah file log history windows,biasanya memperlambat kinerja windows)

 - run “regedit”;
- cari [HKEY_LOCAL_MACHINE\SYSTEM\ CurrentControl Set\Control\ Session Manager\ Memory Management\ PrefetchParameters\ EnablePrefetcher];
- ubah nilainya menjadi 0 (disable)
- reboot

 2. Menghilangkan Recent Document 

- run “gpedit.msc”
- klik Administrative Templates di bawah User Configuration
- klik Start Menu and taksbar
 - klik Do not keep history of recenly opened documents
- pilih enabled

 3. Membersihkan Recent Document

 - run “gpedit.msc”
 - klik Administrative Templates di bawah User Configuration
 - klik Start Menu and taksbar
- klik Clear history of recenly opened documents on exit
- pilih enabled

 4. Memodifikasi “Send To” pada klik kanan 

- Explorer -> C:\Documents and Settings -> klik folder Administrator (atau sesuai dengan username kamu)
 - Tools -> Folder Option -> View -> Show hidden File and Folder (untuk menampilkan file yang tersembunyi)
 - Klik folder ‘Send To’
 - modifikasi (hapus atau buat shortcut baru) yang mau kamu tampilkan pada klik kanan ‘Send To’, bila kamu menghapus semua shortcut maka yang ditampilkan pada klik kanan ‘Send To’ hanyalah removable device semisal flashdisk

 5. Mengembalikan ‘Show hidden File and Folder’ jika hilang atau terkena virus

 - copy paste script di bawah pada Notepad lalu simpan dengan ekstensi .reg , misal hidden.reg
 - double klik file hidden.reg

 [HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\ Explorer\Advanced\Folder\Hidden]
 “Text”=”@shell32.dll,-30499″
“Type”=”group”
“Bitmap”=hex(2):25,00,53,00,79,00,73,00,74,00,65,00,6d,00,52,00,6f,00,6f,00,74,\ 00,25,00,5c,00,73,00,79,00,73,00,74,00,65,00,6d,00,33,00,32,00,5c,00,53,00,\ 48,00,45,00,4c,00,4c,00,33,00,32,00,2e,00,64,00,6c,00,6c,00,2c,00,34,00,00,\ 00 “HelpID”=”shell.hlp#51131″ [HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\ Explorer\Advanced\Folder\Hidden\NOHIDDEN]
“RegPath”=”Software\\Microsoft\\Windows\\CurrentVersion\\Explorer\\Advanced” “Text”=”@shell32.dll,-30501″
“Type”=”radio”
 “CheckedValue”=dword:00000002
“ValueName”=”Hidden”
“DefaultValue”=dword:00000002
“HKeyRoot”=dword:80000001
“HelpID”=”shell.hlp#51104″

[HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\ Explorer\Advanced\Folder\Hidden\SHOWALL]
“RegPath”=”Software\\Microsoft\\Windows\\CurrentVersion\\Explorer\\Advanced” “Text”=”@shell32.dll,-30500″ “Type”=”radio”
“CheckedValue”=dword:00000001
“ValueName”=”Hidden”
 “DefaultValue”=dword:00000002
“HKeyRoot”=dword:80000001
“HelpID”=”shell.hlp#51105″

 6. Membuat Shorcut tanpa nama 
- klik kanan shorcut
- rename
- tahan Alt+255 (ini adalah kode Ascii untuk ‘Space’)

 7. Menghilangkan Recycle Bin dari dekstop icon 

- run “gpedit.msc”
- klik Administrative Templates di bawah User Configuration
- klik Dekstop
- klik Remove Recycle Bin Icon from dekstop
- pilih enabled

 8. Memperbaiki Registry Windows :

 - run “cmd” 

- ketik “scanreg/restore”

 9. Menghilangkan Run Dari start menu 
- run “gpedit.msc”
- klik Administrative Templates di bawah User Configuration
- klik Start Menu and taksbar
- klik Remove Run from Start menu
- pilih enabled

10. Membuat background image pada drive atau flashdisk 

- dari explorer pilih “Tools”
- pilih ‘Show hidden file’ dan uncheck ‘hide protected operating system file’
- OK
- misal, klik pada drive D: buat file dekstop.ini
- isi dengan beberapa baris di bawah ini :
 [.ShellClassInfo] [{BE098140-A513-11D0-A3A4-00C04FD706EC}] Attributes=1 IconArea_Image=image.jpg IconArea_Text=0×0000FF
- save
- kembalikan ’show hidden file’ & ‘hide protected OS file’ ke kondisi semula (opsional) - untuk flashdisk,copy paste file dekstop.ini beserta image yang ingin ditampilkan ke flasdisk kamu Ket : IconArea_Image=image.jpg -> mengarah pada nama file image kamu (nama harus sama,gunakan path jika image berbeda folder) IconArea_Text=0×0000FF -> mengarah pada warna tulisan untuk foldermu (format blue-green-red) jadi,jika warna merah yang seharusnya RGB FF0000 menjadi BGR 0000FF, jika ingin warna hitam maka ganti dengan 0×000000

Jawaban MID Semester Pemograman Web 1

Jawaban MID Semester Pemograman Web 1

SOAL MID SEMESTER

SIFAT          : Mandiri dan Open Book

Ketentuan    : Mencontek atau memberikan contekan, skornya -10.

 Kerjakan soal berikut dengan penuh tanggung jawab, mandiri dan sesuai dengan hati nurani anda. Jangan lupa berdoa sebelum mengerjakan soal.

1. Jelaskan sejelas-jelasnya disertai dengan contoh pengertian dan perbedaan HTML, CSS, PHP, dan Java script, jelaskan pula cara mendeklarasikannya.
2. Pengertian dan perbedaan web statis dan web dinamis, berikan ciri-cirinya.
3. Jika banner untuk header di simpan dengan nama file banner.jpg dan menu dibuat dengan link menu dalam tabel. Tulislah program html untuk web berikut ini.

 

 JAWABAN

1. Pengertian HTML, CSS, PHP dan Java Script

 * HTML adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi dalam browser internet.

Contoh umum HTML :

<html>

<head>

<title>MID1</title>

</head>

<body>MID Pemograman Web

</body>

</html>

* PHP adalah sebuah script yang bersifat Server Side yang artinya semua proses akan dikerjakan disisi server dan hanya hasilnya saja yang akan dikirim ke browser.

Contoh umum dari bahasa PHP adalah sebgai berikut :
<html>
<head><title>MID</title>
</head>
<body>
<?php
print ”MID Pemograman Web”;
?>
<br>
<?php
$a = 10;
print “Isi dari variabel \$a=$a”;
?>
</body>
</html>

*   Cascading Style Sheets(CSS) adalah suatu teknologi yang digunakan untuk memperindah halaman website (situs), dengan CSS kita dapat dengan mudah mengubah keseluruhan warna dan tampilan yang ada disitus kita sekaligus memformat ulang situs kita.

tag_html/* atau */ selector_id/* atau */ selector_class/* atau */ { property: value; property_lain: value; property_lain_lagi : value; } /* atau */ p{ font-family:arial; } .warna_merah{ color:red; } #id_unik{/* selector id diawali dengan # *pager * */ text-align:left; font-size:40px; } /* kira kira seperti itulah sintaksnya*/

* JavaScript adalah bahasa scripting yang paling populer di internet dan bekerja pada banyak browser seperti Internet Explorer, Mozilla, Firefox, Netscape, Opera. JavaScript digunakan pada Web pages untuk meningkatkan design, validate forms, detect browsers, create cookies, GUI dsb.

Contoh script sederhana dari javasript adalah sebagai berikut :
<HTML>
<HEAD>
<SCRIPT language=“javascript”>
<!--
// Build HTML here
<!--akhirscript -->
</SCRIPT>
</HEAD>
ga_pra_27@yahoo.co.id 15
</HTML>
Contoh program JavaScript :
<html>
<!–-COMP519 js01.html 7.09.2005 -->
<head>
<title>JavaScript Page</title>
</head>
<body>
<script type="text/javascript">
// silly code to demonstrate output
document.write(“<FONT COLOR=‘GREEN'>
Hello world!</FONT>");
document.write("<p>How are <br/>" +
"<i>you</i>?</p>");
</script>
<p>Here is some static text as well.
</p>
</body>
</html> 

 

2. Pengertian dan Perbedaan Statis dan Web Dinamis

A. Yang dimaksud dengan Web statis adalah sebuah web yang isinya tidak bisa dirubah-rubah dan tidak memiliki database sebagai tempat penyimpanan content nya. Apabila ingin merubah isi dari website, harus melakukan perubahan tulisan yang tertanan pada file program web tersebut, sehingga penguasaan bahasa pemrograman web diperlukan. Pemograman Web Statis ini biasanya adalah HTML dan CSS.

B.  Sedangkan Pengertian Web Dinamis adalah sebuah web yang isinya bisa dirubah sewaktu-waktu tanpa melalui perubahan code pada file web, akan tetapi melalui sebuah halaman administrator. Content yang tampil dalam Web dinamis pun tersimpan pada sebuah database, sehingga orang awam pun bisa merubah isi dari web (content) tanpa menguasai Bahasa Pemograman Web. Biasanya web ini tersusun dari beberapa bahasa pemrograman yaitu HTML, PHP, CSS dan tentunya terhubung dengan database MySQL. 

3. Program html untuk web

<html>
<body>
<table width="638" border="1">
  <tr>
    <td colspan="2"><p><img src="Untitled.png" width="631" height="203" /></p>
    </td>
  </tr>
  <tr>
    <td colspan="2"><table width="629" border="1">
      <tr bgcolor="#CC3333">
        <td width="148">Beranda</td>
        <td width="119">Prifile</td>
        <td width="129">Gallery</td>
        <td width="205">Alumni</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td width="216" bgcolor="#FFFF99"><table width="218" border="1" bordercolor="#000000">
      <tr>
        <td bordercolor="#000000" bgcolor="#CC3300" class="style2"><a href="http://www.Binasriwijaya.ac.id">STMK Bina Sriwijaya </a></td>
      </tr>
      <tr>
        <td bordercolor="#000000" bgcolor="#CC3300" class="style2"><a href="http://www.Unsri.ac.id">UniVersitas Sriwijaya </a></td>
      </tr>
      <tr>
        <td bordercolor="#000000" bgcolor="#CC3300" class="style2"><a href="http://www.UGM.ac.id">Universitas Gadjah madha </a></td>
      </tr>
      <tr>
        <td bordercolor="#000000" bgcolor="#CC3300" class="style2"><a href="http://www.ITB.ac.id">Institut Teknologi Bandung </a></td>
      </tr>
      <tr>
        <td bordercolor="#000000" bgcolor="#CC3300" class="style2"><a href="http://www.sumsel.Diknas.go.id">Diknas</a></td>
      </tr>
    </table></td>
    <td width="406" bgcolor="#FFCC66"><p><strong>VISI</strong></p>
      <p>menjadi sekolah yang unggul dan penguruan teknologi informasi </p>
    <p><strong>MISI</strong></p>
    <p>1. Mendidik siswa agar tidak gaptek</p>
    <p>2. Mendidik siswa agar mengusai tekonologi Web</p>
    <p>3. mendidik siswa mengusai ilmu eksakta  </p>
    <p>&nbsp;</p>
    <p>&nbsp; </p></td>
  </tr>
  <tr>
    <td colspan="2" bgcolor="#993399"><div align="center"><strong>Desain Oleh : Kms Fahmi@1011080 </strong></div></td>
  </tr>
</table>
</body>
</html>  

 MEMBUAT KONEKSI DATABASE PHP MySQL KE DREAMWEAVER CS5

Untuk membuat website dinamis dengan Dreamweaver kita perlu membuat koneksi ke database terlebih dahulu, sebelum membuat koneksi ke database di dreamweaver anda harus sudah mensetting site di dreamweaver, dan membuat database mysql.

1.MEMBUAT SITE DEFINITION DI DREAMWEAVER CS5

Dreamweaver CS5 menyediakan settingan yang lebih mudah dalam membuat Site Definition. Berikut adalah langkah-langkah mudahnya:

• Klik Site > New Site
• Isi Site Name, dalam latihan ini Site Name diisi Websiteku.
• Local site folder, silakan klik icon folder pada Local Site Folder dan buatlah folder baru di dalam folder C:\xampp\htdocs\ dengan nama folder Websiteku, sehingga akan muncul C:\xampp\htdocs\Websiteku\. Klik Open > Select.

• Klik Server pada list di sebelah kiri. Hal ini akan membuka panel dimana Anda dapat menyetting jenis pengetesan di Local Server ataupun Remote Server.
• Klik tanda plus (+) untuk menambah Server baru guna pengetesan website dinamis yang akan kita buat.
• Pada menu Basic, klik pada Connect Using: Local/Network
• Untuk selanjutnya, gunakan settingan berikut ini:
• Server Name: Websiteku
• Connect using: Local/Network
• Server Folder: ,klik icon folder untuk menemukan folder Websiteku yang tadi telah Anda buat atau dengan mengetikkan C:\xampp\htdocs\Websiteku (hal ini bisa berbeda tergantung dari setinggan computer Anda).
• Web URL: http://localhost/Websiteku/ (hal ini juga bisa berbeda tergantung dari setinggan computer Anda). Hal ini member tahu Dreamweaver bahwa website Anda berada dalam document root dengan sub folder bernama Websiteku.

• Klik tombol Advanced pada sisi atas dari panel, lalu dari pop-up menu, pilih PHP MySQL sebagai Server Model untuk pengetesan website Anda.
• Pilih Save untuk menyimpan settingan dari website yang telah kita buat tadi. Secara default, Dreamweaver CS5 akan member tanda centang (check) pada Remote testing server.
• Hilangkan tanda centang (uncheck) pada Remote tadi dan klik (beri tanda check) pada Testing. Hal ini sangat penting. http://localhost/ adalah local server tempat kita melakukan pengetesan atas website yang kita buat. Jika Anda menggunakan MAMPP dengan Operating System Mac, maka Anda harus menggunakan alamat localhost http://localhost:8888/Websiteku/. Penambahan 8888 adalah keharusan jika Anda menggunakan Apache dan MySQL secara default.

• Klik Save. Dreamweaver CS5 secara otomatis akan menutup Site Setup Dialog dan akan segera membuat Site Cache. Anda dapat melihat site yang baru saja Anda buat telah tampil di File Anda.

• Lakukan pengetesan di browser Anda dengan membuka http://localhost/Websiteku. Maka akan muncul tampilan kosong seperti ini. Hal ini terjadi karena kita belum membuat file sama sekali.

2. Berikut adalah langkah-langkah membuat koneksi database PHP MySQL:

• Pastikan Anda membuka file dengan ekstensi PHP
• Klik Windows > Databases, maka akan muncul panel Databases.
• Klik Icon Plus (+) > MySQL Connection

• Isi beberapa parameter berikut ini.
• Connection name: koneksiku, Anda dapat memilih nama lain.
• MySQL Server: localhost, ini jika Anda bekerja di localhost
• User name: root, secara default Xampp menggunakan username root. Bisa jadi berbeda dengan konfigurasi web server di komputer Anda
• Password: , biarkan kosong kecuali Anda telah mensetting password di web server dan database Anda.
• Database: jwm, klik Select untuk memilih database. Klik OK

• Klik Test, jika muncul tulisan pop-up “Connection was made successfully”.
• Klik OK sekali lagi

Anda telah berhasil membuat koneksi database.

Tool-tool photoshop..sambungan

Sambungan dari tool-tool photoshop yang pertama, sekarang ke area ToolBox. Toolbox fungsinya sangat penting karena memudahkan kita. Berikut ini akan dijelaskan mengenai fungsi dari masing-masing tools yang terdapat pada toolbox Adobe Photoshop . Untuk cara penggunaan lebih detil masing-masing tools akan dijelaskan secara terpisah.

A. SELECTION TOOL

• A.1. Marquee Tool
  Saat kita klik Marquee Tool kita bisa melihat ada 4 jenis marquee tool
  1. Rectangular Marquee (Shortcut keyboard: M, atau Shift + M)
  Digunakan untuk membuat area selection berbentuk segi empat pada image.
  2. Elliptical Marquee (Shortcut keyboard: M, atau Shift + M)
  Digunakan untuk membuat area selection berbentuk elips atau lingkaran pada image.
  3. Single Row Marquee
  Digunakan untuk membuat area selection satu baris pada image (ukuran tinggi selection adalah 1 pixel)
  4. Single Column Marquee
  Digunakan untuk membuat area selection satu kolom pada image (ukuran lebar selection adalah 1 pixel).
• A.2. Move Tool
  Shortcut keyboard: V
  Digunakan untuk menggeser/memindah selection, layers, dan guides.
• A.3. Lasoo Tool
  (Shortcut keyboard: L, atau Shift + L untuk mengubah jenis Lasoo) Terdiri dari 3 jenis yaitu:
  1. Lasoo
  Digunakan untuk membuat area selection dengan bentuk bebas
  2. Polygonal Lasoo
  Digunakan untuk membuat area selection berbentuk polygon
  3. Magnetic Lasoo
  Digunakan untuk membuat area selection dengan cara menempelkan
  tepi selection pada area tertentu pada image.
• A.4. Magic Wand Tool
  Shortcut keyboard: W
  Digunakan untuk membuat area selection yang memiliki warna serupa.Perbedaan toleransi warna dapat diatur pada tool option bar.

B. CROP & SLICE TOOL

• B.1. Crop Tool
  Shortcut keyboard: C
  Digunakan untuk memangkas image (memotong dan membuang area tertentu dari image)
  B.2. Slice Tool
  (Shortcut keyboard: K, atau Shift + K untuk mengubah slice)
  Terdiri dari 2 jenis yaitu:
  1. Slice Tool
  Digunakan untuk membuat potongan-potongan dari suatu image
  2. Slice Select Tool
  Digunakan untuk memilih potongan pada suatu image

C. RETOUCHING TOOL

• C.1. Patch/Healing Brush Tool
  (Shortcut keyboard: J, atau Shift + J mengubah tool)
  1. Patch Tool
  Digunakan untuk mengecat/melukis pada area tertentu image dengan pola (pattern) atau sample tertentu. Cocok untuk memberbaiki image yang rusak.
  2. Healing Brush Tool
  Digunakan untuk mengecat/melukis image dengan pola atau sample tertentu. Cocok untuk memperbaiki image yang agak rusak.
• C.2. Stamp Tool
  (Shortcut keyboard: S, atau Shift + S untuk mengubah tool) terdiri dari 2 jenis yaitu:
  1. Clone Stamp Tool
  Digunakan untuk melukis image dengan sample image tertentu
  2. Pattern Stamp Tool
  Digunakan untuk melukis image dengan menggunakan pola tertentu
  
• C.3. Eraser Tool
  (Shortcut keyboard: E, atau Shift + E untuk mengubah jenis eraser)
  Terdiri dari 3 jenis yaitu:
  1. Eraser
  Digunakan untuk menghapus pixel image dan mengembalikannya ke state tertentu.
  2. Background Eraser
  Digunakan untuk menghapus area tertentu image menjadi transparan.
  3. Magic Eraser
  Digunakan untuk menghapus area tertentu image yang memiliki warna yang serupa menjadi transparan dengan satu kali klik.
• C.4. Sharpen, Blur, Smudge Tool
  (Shortcut keyboard: R, atau Shift + R)
  1. Sharpen Tool
  Digunakan untuk menajamkan area tertentu pada image.
  2. Blur Tool
  Digunakan untuk menghaluskan/mengaburkan area tertentu pada image.
  3. Smudge Tool
  Digunakan untuk menggosok/mencoreng area tertentu pada image
• C.5. Dodge, Burn, Sponge Tool
  (Shortcut keyboard: O, atau Shift + O)
  1. Dodge Tool
  Digunakan untuk menerangkan warna di area tertentu pada image
  2. Burn Tool
  Digunakan untuk menggelapkan warna di area tertentu pada image
  3. Sponge Tool
  Digunakan untuk mengubah saturation di area tertentu pada image.

D. PAINTING TOOL

• D.1. Brush Tool
  (Shortcut keyboard: B, atau Shift + B untuk mengubah tool) Terdiri dari 2 jenis yaitu:
  1. Brush Tool
  Digunakan untuk melukis image dengan goresan kuas
  2. Pencil Tool
  Digunakan untuk melukis image dengan goresan pencil
• D.2. History Brush Tool
  (Shortcut keyboard: Y, atau Shift + Y untuk mengubah jenis)
  Terdiri dari 2 jenis yaitu:
  1. History Brush Tool
  Digunakan untuk melukis image menggunakan snapshot atau state history dari Image
  2. Art History Tool
  Digunakan untuk melukis image menggunakan snapshot atau state
  history dari image, dengan model artistik tertentu.
• D.3. Gradient, Paint Bucket Tool
  (Shortcut keyboard: G, atau Shift + G)
  1. Gradient Tool
  Digunakan untuk mengecat area yang dipilih (selected area) dengan
  perpaduan banyak warna.
  2. Paint Bucket Tool
  Digunakan untuk mengecat area yang dipilih dengan warna foreground
  atau pola tertentu.

E. DRAWING AND TYPE TOOL

1. E.1. Selection Tool
   (Shortcut keyboard: A, atau Shift + A untuk mengubah jenis) Terdiri dari 2 jenis yaitu:
   1. Path Selection Tool
   Digunakan untuk melakukan selection path
   2. Direct Selection Tool
   Digunakan untuk mengubah anchor dan direction point dari path.
   E.2. Type Tool
   (Shortcut keyboard: T, atau Shift + T untuk mengubah jenis) Terdiri dari 4 jenis yaitu:
   1. Horizontal Type Tool
   Digunakan untuk membuat tulisan secara horizontal
   2. Vertical Type Tool
   Digunakan untuk membuat tulisan secara vertikal
   3. Horizontal Type Mask Tool
   Digunakan untuk membuat selection berbentuk tulisan secara horizontal
   4. Vertical Type Mask Tool
   Digunakan untuk membuat selection berbentuk tulisan secara vertikal
2. E.3. Pen Tool
   1. Pen Tool
   (Shortcut keyboard: P, atau Shift + P)
   Digunakan untuk membuat path dengan lengkung-lengkung yang halus
   2. Freeform Pen Tool
   (Shortcut keyboard: P, atau Shift + P)
   Digunakan untuk membuat path berbentuk bebas (sesuka kita )
   3. Add Anchor Point Tool
   Digunakan untuk menambah anchor point atau titik editor pada path
   4. Delete Anchor Point Tool
   Digunakan untuk menghapus anchor point tertentu pada path

5. Convert Point Tool
Digunakan untuk mengubah anchor dan direction point tertentu pada path

• E.4. Shape Tool
  (Shortcut keyboard: U, atau Shift + U untuk mengubah jenis)
  1. Rectangle Tool
  Digunakan untuk menggambar bentuk segi empat
  2. Rounded Rectangle Tool
  Digunakan untuk menggambar segi empat melengkung
  3. Ellipse Tool
  Digunakan untuk menggambar ellipse
  4. Polygon Tool
  Digunakan untuk menggambar polygon
  5. Line Tool
  Digunakan untuk menggambar garis lurus
  6. Custom Shape Tool
  Digunakan untuk menggambar bentuk tertentu dari daftar bentuk yang ada

F. ANNOTATION, MEASURING & NAVIGATION TOOL

• F.1. Notes Tool
  (Shortcut keyboard: N, atau Shift + N untuk mengubah jenis)
  1. Notes Tool
  Digunakan untuk membuat catatan pada image seperti copyright.
  2. Audio AnnotationTool
  Digunakan untuk membuat suara/audio pada image
• F.2. Eyedropper, Measure Tool
  (Shortcut keyboard: I, atau Shift + I)
  1. Eyedropper Tool
  Digunakan untuk mengambil sample warna pada image untuk warna
  foreground
  2. Color Sampler Tool
  Digunakan untuk mengambil berbagai sample warna pada image
  3. Measure Tool
  Digunakan untuk mengukur jarak atau sudut pada image
• F.3. Hand Tool
  Shortcut keyboard: H
  Digunakan untuk menggeser/memindah bidang pandang image di dalam window view area.
• F.4. Zoom Tool
  Shortcut keyboard: Z
  Digunakan untuk memperbesar atau memperkecil tampilan image.
• F.5. Background and foreground color
  Supaya default tekan tombol D maka warna foreground dan background menjadi putih dan hitam. Untuk menukar warna background dan foreground tekan tombol X.
• F.6. Normal and Quickmask Mode
  Normal Mode : Semua fungsi seperti brush akan berjalan seperti biasanya. Quickmask Mode : fungsi brush bisa dipakai untuk seleksi cuman jika setelah proses quickmask maka yang diseleksi malah dibagian luar nya.
• F.7. Screen Mode
  Untuk melihat tampilan area kerja windows.

Huaa.. lumayan pegel juga bapak-bapak, ibu-ibu… hehehe.. (masih Bersambung)

Artikel Tool-tool photoshop..sambungan ini dipersembahkan oleh Tutorial Photoshop Gratis. Kunjungi Wallpaper, Font, Desktop Theme Gratis Pokoknya Serba Gratis. Baca Juga Adobe Photoshop Tutorials