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

Presentasi berjudul: "Pengembangan Website Arif Dwi Laksito, M.Kom STMIK AMIKOM Yogyakarta."— Transcript presentasi:

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

2 Pemateri  Arif Dwi Laksito, M.Kom  STMIK AMIKOM Yogyakarta  Email: arif.laksito@amikom.ac.idarif.laksito@amikom.ac.id  HP: 0856-292-6468  Twitter: @ariflaksito  Website: http://arif.staff.amikom.ac.idhttp://arif.staff.amikom.ac.id

3 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. http://www.amikom.ac.id/index.phphttp://www.amikom.ac.id/index.php

4 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

5 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

6 Pertumbuhan Internet

7 Internet di Indonesia  Sumber: http://www.internetworldstats.com/asia/id.htm YEARUsersPopulation% Pen. 20002,000,000206,264,5951.0 % 200720,000,000224,481,7208.9 % 200825,000,000237,512,35510.5 % 200930,000,000240,271,52212.5 % 201030,000,000242,968,34212.3 %

8 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)

9 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

10  Penipuan SMS dan Website

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

12 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.

13 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

14  Website Yahoo Th 1998 dan Saat ini

15  Website Microsoft Th 2000 dan Saat ini

16  Website NASA Th 1996 dan Saat ini

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

18 Mobile Device

19 Tab Device

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

21 Web As Platforms  Website dapat digunakan untuk menjalankan aplikasi lain

22 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

23

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

25 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

26 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

27 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

28

29

30  Calendar di Web menggunakan GoogleCalendar

31  Web Polling

32

33