web-expertDescription: Web Design Mahir Rating: 4.5 Reviewer: seputarwisata.com - ItemReviewed: Web Design Mahir

Description: Web Design Expert Rating: 4.5 Reviewer: seputarwisata.com - ItemReviewed: Web Design Expert

Download tutorial di bawah ini

Tutorial Blog UMY 2011Description: Panduan Blog UMY Rating: 4.5 Reviewer: seputarwisata.com - ItemReviewed: Panduan Blog UMY

Materi Selanjutnya kali ini adalah membaut mockup website dengan Photoshop.

Undh file di bawah ini.
griddDescription: Membuat Mockup Website dengan Photoshop Rating: 4.5 Reviewer: seputarwisata.com - ItemReviewed: Membuat Mockup Website dengan Photoshop

Description: gambar Rating: 4.5 Reviewer: seputarwisata.com - ItemReviewed: gambar

Setelah semua dasar-dasar tag HTML kita pelajari pada pertemuan yang lalu, saatnya kita merangkai semua pengetahuan tersebut menjadi satu kesatuan halaman HTML yang enak dilihat. Kali ini kita akan membuat dasar layout halaman html menggunakan tag <div>. Perhatikan hasil gambar di bawah. Berikut ini adalah hasil akhir layout halaman yang akan kita buat.


Latihan 1
Tulislah tag html di bawah ini kemudian simpan dengan nama file index.html

   
     
     
   
   
      

         

              
Header

         

         

              
Navigation

         

         

             
Content

         

         

              
Sidebar

         

         

              
Footeer

         

     

   

body {background:#666666;}
#container {background:green;}
#header{background:blue;}
#navigation{background:yellow;}
#content{background:#6633cc;}
#sidebar{background:#ff66cc;}
#footer{background:#3399ff;}

Definition and Usage

  
This is a header

  
This is a paragraph.

  
This is a header

  
This is a paragraph.

  
This is a header

  
This is a paragraph.

Dokumen HTML juga mendukung pembuatan tabel. Tag yang digunakan adalah <table></table>. Disamping itu ada juga tag tambahan yang digunakan untuk memformat kolom dan baris pada tabel, yaitu tag <tr> untuk membuat baris dan tag <td> untuk membuat kolom. Untuk lebih jelasnya, perhatikan contoh di bawah ini.

Kolom 1 baris 1
Kolom 2 baris 1
Kolom 1 baris 2
Kolom 2 baris 2

Lebih jauh tentang table

Rowspan

  
    
Nama
    
TTL
    
Fakultas
  
  
    
Ahsan
    
20 Des 1990
    
Pertanian
  
  
    
Dwi
    
2 Januari 1989
  

Colspan

  
    
Month
    
Savings
  
  
    
January
  
  
    
February
  

Gambar juga dapat ditambahkan pada dokumen html. Tag yang digunakan untuk menambahkan gambar adalah tag <img>. Contoh penggunaan tag:

• img = adalah tag image


• src = adalah atribut yang berisikan alamat gambar, contoh lainnya "images/bunga.jpg", "http://blog.umy.ac.id/bunga.jpg"


• alt = judul alternatif untuk gambar (opsional)

Latihan 8

• Buat folder dengan nama images, kemudian letakkan sebuah gambar pada folder tersebut


• panggil gambar menggunakan tag <img> pada halaman index.html

Links adalah penghubung antara dokumen/halaman html yang satu dengan dokumen/halaman html yang lain. Contoh tag Link:

klik untuk melihat galeri

Latihan 7

List terkadang dibutuhkan untuk memudahkan penyebutan sesuatu yang berbilang. Ada dua macam list, yaitu ordered list <ol> dan unordered list <ul>.
Contoh:

Anggur

Jambu

Mangga

Alpukat

Semangka

1. Anggur


2. Jambu


3. Mangga


4. Alpukat


5. Semangka

Jawa Tengah

Jawa Barat

Jawa Timur

Banten

DKI Jakarta

• Jawa Tengah


• Jawa Barat


• Jawa Timur


• Banten


• DKI Jakarta

• Jawa Tengah
  
  
  
  1. Anggur
  
  
  2. Jambu
  
  
  3. Mangga
  
  
  
  


• Jawa Barat
  
  
  
  1. Mangga
  
  
  2. Alpukat
  
  
  3. Semangka
  
  


• Jawa Timur
  
  
  
  1. Anggur
  
  
  2. Jambu
  
  
  3. Semangka
  
  


• Banten
  
  
  
  1. Anggur
  
  
  2. Rambutan
  
  


• DKI Jakarta
  
  
  
  1. Semangka
  
  
  2. Sawo
  
  

Sebagaimana pada Microsoft Word, pada HTMl juga memiliki heading yang bervariasi untuk membedakan antara judul utama dengans ub judul berikutnya. Heading dimulai dari yang terbesar sampai yang terkecil adalah :

Ini Heading 1

Ini Heading 2

Ini Heading 3

Ini Heading 4

Ini Heading 5

Ini Heading 6

Ini Heading 1

Ini Heading 2

Ini Heading 3

Ini Heading 4

Ini Heading 5

Ini Heading 6

Latihan 5

masukkan kode di atas pada file yang sudah Anda buat sebelumnya kemudian lihat hasilnya.Description: Headings Rating: 4.5 Reviewer: seputarwisata.com - ItemReviewed: Headings

Title

Paragraph

Ini paragraf pertama

Ini paragraf ke dua

Emphasis, untuk memiringkan teks
 Strong, untuk menebalkan teks
 Underline, untuk mmeberi garis bawah
untuk memberi garis di tengah

 adalah line break untuk membuat baris baru

Latihan 3

Saat ini saya sedang belajar bahasa html
ternyata html itu mudah, asyik, dan menyenangkan.

Sebagaimana telah disebutkan pada artikel sebelumnya, HTML (Hypertext Markup Language) adalah sebuah bahasa scripting yang dapat menghasilkan halaman web. HTML dapat dibuat dengan menggunakan editor apapun seperti notepad,  Dreamweaver, Editplus dll. Sedangkan hasilnya dapat dipreview/dilihat menggunakan browser apapun.

Dasar HTML

Latihan 1

Ini adalah website pertamaku

, , , 


The content of the document......

Atribut

Teks ini memiliki align center

Elemen

""

"
paragraf teks
"

Secara lebih spesifik, teknologi informasi juga bisa dimanfaatkan dalam bidang pertanian. Sebagai ilustrasi, perhatikan kisah berikut.

Pak Ahmad adalah seorang petani sayur-sayuran. Setiap bulan lahan yang beliau garap dipanen. hasil yang diperoleh sangat melimpah ruah. Namun, hasil yang melimpah ruah yang semestinya membuat membuat pak Ahmad gembira justru menyebabkan hal yang sebaliknya. Pak Ahmad sedih karena sudah dipastikan jika panen yang melimpah ruah justru menyebabkan harga jual sayur yang dia miliki merosot tajam. Itu disebabkan karena adanya hukum ekonomi, penawaran lebih besar daripada permintaan. Walhasil, Pak Ahmad pun mengalami kerugian.

Di satu sisi, ada banyak daerah yang kesulitan memperoleh sayuran seperti yang dihasilkan oleh Pak Ahmad. Harga di daerah tersebut melonjak tinggi sedangkan permintaan pasar akan komoditas tersebut teramat besar.

Dari ilustrasi sederhana di atas, teknologi informasi bisa mengambil peran penting guna mengatasi permasalahan di atas.

Sebagai mahasiswa  pertanian, apa yang akan Anda lakukan untuk mengatasi permasalahan di atas dengan memanfaatkan teknologi informasi?Description: Pemanfaatan Teknologi Informasi dalam Bidang Pertanian Rating: 4.5 Reviewer: seputarwisata.com - ItemReviewed: Pemanfaatan Teknologi Informasi dalam Bidang Pertanian

Pengantar

Pengertian

1. Surat menyurat (surat elektronik)


2. Website penyedia informasi


3. Komunikasi suara, video dan teks


4. Permainan online


5. Jual beli Online


6. Transaksi Perbankan


7. Media Promosi


8. Sistem Informasi Akademik


9. Pencarian informasi


10. Jejaring Sosial


11. Pertukaran data


12. Blog


13. dll

World Wide Web (WWW)

1. Protokol HTTP, Hypertext Transfer Protocol (HTTP) adalah sebuah protokol jaringan lapisan aplikasi yang digunakan untuk sistem informasi terdistribusi, kolaboratif, dan menggunakan hipermedia.


2. Web browser, disebut juga penjelajah web, adalah perangkat lunak yang berfungsi menampilkan dan melakukan interaksi dengan dokumen-dokumen yang disediakan oleh web server .


3. Webserver, dapat merujuk baik pada perangkat keras ataupun perangkat lunak yang menyediakan layanan akses kepada pengguna melalui protokol komunikasi HTTP atau HTTPS atas berkas-berkas yang terdapat pada suatu situs web dalam layanan ke pengguna dengan menggunakan aplikasi tertentu seperti


4. Router, Router berfungsi sebagai penghubung antar dua atau lebih jaringan untuk meneruskan data dari satu jaringan ke jaringan lainnya.

 Proses kerja WWW

Berikut ini kisi-kisi materi perkuliahan Pemanfaatan Teknologi Informasi dalam Bidang Pertanian. Semua materi akan saya sampaikan di blog ini.

1. Pengenalan IT/Internet (Pertemuan ke 1)


2. Pemanfaatan IT Dalam bidang pertanian (Pertemuan ke 1)
   
   
   
   • Mengenal pemanfaatan IT dalam kehidupan sehari-hari
   
   
   • Mencari ide pemanfaatan IT dalam bidang Pertanian
   
   
   
   


3. Pengenalan Bahasa Pemrograman (Pertemuan ke 1,2,3)
   
   
   
   1. Client side scripting (HTML): Basic HTML, CSS, Web Layout
   
   
   2. Server Side Scripting (PHP): Basic PHP, Conditional, Form Manipulation, Database MySQL
   
   
   
   


4. Praktek Pemanfaatan IT dalam pertanian (Pertemuan ke 4,5,6)
   
   
   
   1. Analisa masalah pertanian
   
   
   2. Pemetaan kebutuhan sistem
   
   
   3. Perancangan sistem
   
   
   4. Ujicoba
   
   
   5. Publish ke server
   
   
   
   

Tulisan ini sudah pernah saya posting di blog saya yang lain di sini.

Pengantar

Hai Pembaca, kali ini saya ingin berbagi dengan Anda semua bagaimana caranya membuatl webserver Menggunakan Windows PC.

Bagi Anda yang belum tahu webserver adalah software ataupun hardware yang dibuat untuk menyediakan layanan kepada pengguna untuk mengakses protokol HTTP atau berkas-berkas yang ada pada website menggunakan browser. Teknis banget ya pengertiannya? Simpelnya, webserver atau server adalah penyedia layanan yang dapat kita akses data-datanya (halaman web) menggunakan browser. Contohnya webserver UMY menyediakan layanan berupa halaman web yang bisa diakses oleh pengunjung menggunakan browser.

Biasanya perangkat webserver menggunakan hardware yang memang diracang khusus untuk server. Prosesornya menggunakan teknologi quad core, power supply yang handal, memori yang memadai dan sistem pendingin yang baik. Dengan spesifikasi khusus seperti itu, tak heran jika harga seperangkat komputer server bisa mencapai puluhan juta rupiah.

Tapi, meskipun kita tidak mempunyai perangkat secanggih itu, kita juga bisa membuat webserver menggunakan PC. Tentunya webserver yang akan kita buat menggunakan PC ini hanya digunakan sebatas menjalankan aplikasi web dengan sekup kecil. Misalnya menjalankan aplikasi berbasis web menggunakan jaringan LAN, atau membuat aplikasi web yang berjalan pada localhost saja.

Oke tanpa basa basi, yang kita butuhkan untuk membuat sebuah webserver adalah sebagai berikut:

1. 1 unit PC


2. Software Webserver XAMPP (Bundling Apache+PHP+MySQL) yang bisa didownload di XAMPP