Pengembangan Website Arif Dwi Laksito, M.Kom STMIK AMIKOM Yogyakarta

Pemateri  Arif Dwi Laksito, M.Kom  STMIK AMIKOM Yogyakarta   HP:   Website:

Konsep Dasar Web  World Wide Web Adalah suatu ruang informasi dimana sumber-sumber daya yang berguna diidentifikasikan oleh pengenal global yang disebut URL  URL (Uniform Resource Locator) URL digunakan oleh browser untuk mengidentifikasi sumberdaya di Internet yang dituliskan dalam satu baris teks. Ex.

Hypertext  Suatu informasi yang dapat kita baca melaui Web Browser(IE, Firefox, Chrome, Opera, dll)  Kita dapat mengikuti link di setiap halaman untuk pindah ke dokumen lain atau bahkan mengirim informasi kembali kepada server untuk berinteraksi.  Aktifitas tsb disebut Surfing(berselancar). Halaman web biasanya diatur dalam koleksi material yang saling terkait, yang disebut Website

Internet  Internet adalah jaringan komunikasi global yang terbuka dan menghubungkan jutaan jaringan komputer, melalui sambungan telepon umum maupun pribadi. Secara individu, jaringan komponennya dikelola oleh agen-agen pemerintah, universitas, organisasi komersial, maupun sukarelawan -- Menurut McBride dlm bukunya, The Internet  Secara harfiah, Internet (kependekan dari interconnected- networking) ialah sistem global dari seluruh jaringan komputer yang saling terhubung menggunakan standar Internet Protocol Suite (TCP/IP) untuk melayani miliaran pengguna di seluruh dunia. -- Menurut Wikipedia Indonesiaharfiah

Pertumbuhan Internet

Internet di Indonesia  Sumber: YEARUsersPopulation% Pen ,000,000206,264, % ,000,000224,481, % ,000,000237,512, % ,000,000240,271, % ,000,000242,968, %

Manfaat Internet  Banyak resource yang gratis dan mudah diakses  Koneksitas Many-to-many dengan siapapun dimanapun  Informasi yang melimpah (abundant)  Informasi yang terdistribusi luas (widely distributed)

Penyalahgunaan/Kejahatan Internet  Virus  Spam mail (mail bomb)  Hacking (masuk ke jaringan lain)  Copying ilegal : konten, software. dll  Pemalsuan Naskah, tandatangan (Forgery)  Penggunaan Resource orang lain tanpa ijin

 Penipuan SMS dan Website

Perkembangan Teknologi Web  Web versi 1.0 (Th 1990 – 1999)  Web versi 2.0 (Th 2000 – 2009)  Web Saat ini (2010 ~ )

Web 1.0  Merupakan halaman web yang statis atau hanya berfungsi untuk menampilkan informasi.  Halaman masih didesain sebagai html murni yang ‘hanya’ memungkinkan orang untuk melihat tanpa ada interaksi.  Biasanya hanya menyediakan semacam buku tamu online tapi tidak ada interaksi yang intens.  Masih menggunakan form-form yang dikirim melalui e- mail, sehingga komunikasi biasanya baru satu arah.

Web 2.0  Halaman web bersifat dinamis, pengelola web dapat mengatur content/isi dari halaman web tersebut.  Tidak hanya menampilkan informasi saja, terdapat interaksi antar pengguna di web tersebut.  Web Sebagai Plaform  Data Sebagai pengendali utama  Social Network

 Website Yahoo Th 1998 dan Saat ini

 Website Microsoft Th 2000 dan Saat ini

 Website NASA Th 1996 dan Saat ini

Web Saat ini  Web Service  Web as Platform  Clound Storage and Cloud Application  Single Sign On  Mobile/Tab Devices

Mobile Device

Tab Device

Web Service  Akses data dari layanan web lain  Digunakan untuk menampilkan informasi yang beragam  Contoh: Reservasi Tiket, Hotel

Web As Platforms  Website dapat digunakan untuk menjalankan aplikasi lain

Cloud Storage/App  Menyediakan Penyimpanan Online dengan kapasitas tertentu  Menyediakan aplikasi yang dapat diakses tanpa instalasi terlebih dahulu  Memudahkan pengguna dengan mobilitas tinggi  Menjamin keamanan data

Single Sign On  Penggunaan account untuk akses aplikasi web yang lain  Memudahkan pengguna untuk menggunakan berbagai macam aplikasi web

Design Website  Responsive, bisa digunakan di beberapa device (PC, Laptop, Tab, Mobile)  Memperhatikan kecepatan Load halaman web, menggunakan image dengan resolusi yang disesuaikan  Konsistensi Penggunaan Font dan Warna di beberapa bagian dalam halaman web

Content Website  Penggunaan resource gambar memperhatikan ukuran file  Dapat menyertakan video menggunakan share dari penyedia layanan online video  Menyertakan sumber resmi jika mengambil content dari web lain

Design & Content Web Sekolah  Terdapat menu utama yang berisi link-link penting, seperti: profil, penghargaan, guru dan siswa, fasilitas, download, dll.  Content pada halaman utama menampilkan bagian-bagian inti dari website, seperti: berita terbaru, agenda kegiatan sekolah, kalender, support link, dll  Pada web modern telah banyak menggunakan serangkaian gambar dengan animasi slide  Footer biasanya berisi contact dan link dari social media  Terdapat polling pengunjung  Map yang menunjukkan lokasi  Responsive design, dapat dibuka pada semua tipe device  Elearning, Share File Materi

 Calendar di Web menggunakan GoogleCalendar

 Web Polling