1 / 33

Pengembangan Website

Pengembangan Website. Arif Dwi Laksito, M.Kom STMIK AMIKOM Yogyakarta. Pemateri. Arif Dwi Laksito, M.Kom STMIK AMIKOM Yogyakarta Email: arif.laksito@amikom.ac.id HP: 0856-292-6468 Twitter: @ ariflaksito Website: http://arif.staff.amikom.ac.id. Konsep Dasar Web.

sugar
Download Presentation

Pengembangan Website

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. PengembanganWebsite Arif Dwi Laksito, M.KomSTMIK AMIKOM Yogyakarta

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

  3. KonsepDasar Web • World Wide WebAdalahsuaturuanginformasidimanasumber-sumberdaya yang bergunadiidentifikasikanolehpengenal global yang disebutURL • URL (Uniform Resource Locator)URL digunakanoleh browser untukmengidentifikasisumberdaya di Internet yang dituliskandalamsatubaristeks.Ex. http://www.amikom.ac.id/index.php

  4. Hypertext • Suatuinformasi yang dapatkitabacamelaui Web Browser(IE, Firefox, Chrome, Opera, dll) • Kita dapatmengikutilink di setiaphalamanuntukpindahkedokumen lain ataubahkanmengiriminformasikembalikepada server untukberinteraksi. • Aktifitastsbdisebut Surfing(berselancar). Halaman web biasanyadiaturdalamkoleksi material yang salingterkait, yang disebut Website

  5. Internet • Internet adalahjaringankomunikasi global yang terbukadanmenghubungkanjutaanjaringankomputer, melaluisambunganteleponumummaupunpribadi. Secaraindividu, jaringankomponennyadikelolaolehagen-agenpemerintah, universitas, organisasikomersial, maupunsukarelawan-- MenurutMcBride dlmbukunya, The Internet • Secaraharfiah, Internet (kependekandariinterconnected-networking) ialahsistem global dariseluruhjaringankomputer yang salingterhubungmenggunakanstandar Internet Protocol Suite (TCP/IP) untukmelayanimiliaranpengguna di seluruhdunia. -- MenurutWikipedia Indonesia

  6. Pertumbuhan Internet

  7. Internet di Indonesia • Sumber: http://www.internetworldstats.com/asia/id.htm

  8. Manfaat Internet • Banyakresource yang gratis danmudahdiakses • KoneksitasMany-to-manydengansiapapundimanapun • Informasi yang melimpah(abundant) • Informasi yang terdistribusiluas(widely distributed)

  9. Penyalahgunaan/KejahatanInternet • Virus • Spam mail (mail bomb) • Hacking (masukkejaringan lain) • Copying ilegal : konten, software. dll • PemalsuanNaskah, tandatangan(Forgery) • Penggunaan Resource orang lain tanpaijin

  10. Penipuan SMS dan Website

  11. PerkembanganTeknologi Web • Web versi 1.0 (Th 1990 – 1999) • Web versi 2.0 (Th 2000 – 2009) • Web Saatini (2010 ~ )

  12. Web 1.0 • Merupakanhalaman web yang statisatauhanyaberfungsiuntukmenampilkaninformasi. • Halamanmasihdidesainsebagai html murni yang ‘hanya’ memungkinkan orang untukmelihattanpaadainteraksi. • Biasanyahanyamenyediakansemacambukutamu online tapitidakadainteraksi yang intens. • Masihmenggunakan form-form yang dikirimmelalui e-mail, sehinggakomunikasibiasanyabarusatuarah.

  13. Web 2.0 • Halaman web bersifatdinamis, pengelola web dapatmengatur content/isidarihalaman web tersebut. • Tidakhanyamenampilkaninformasisaja, terdapatinteraksiantarpengguna di web tersebut. • Web SebagaiPlaform • Data Sebagaipengendaliutama • Social Network

  14. Website Yahoo Th 1998 danSaatini

  15. Website Microsoft Th 2000 danSaatini

  16. Website NASA Th 1996 danSaatini

  17. Web Saatini • 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 darilayanan web lain • Digunakanuntukmenampilkaninformasi yang beragam • Contoh: ReservasiTiket, Hotel

  21. Web As Platforms • Website dapatdigunakanuntukmenjalankanaplikasi lain

  22. Cloud Storage/App • MenyediakanPenyimpanan Online dengankapasitastertentu • Menyediakanaplikasi yang dapatdiaksestanpainstalasiterlebihdahulu • Memudahkanpenggunadenganmobilitastinggi • Menjaminkeamanan data

  23. Single Sign On • Penggunaan account untukaksesaplikasi web yang lain • Memudahkanpenggunauntukmenggunakanberbagaimacamaplikasi web

  24. Design Website • Responsive, bisadigunakan di beberapa device (PC, Laptop, Tab, Mobile) • Memperhatikankecepatan Load halaman web, menggunakan image denganresolusi yang disesuaikan • KonsistensiPenggunaan Font danWarna di beberapabagiandalamhalaman web

  25. Content Website • Penggunaan resource gambarmemperhatikanukuran file • Dapatmenyertakan video menggunakan share daripenyedialayanan online video • Menyertakansumberresmijikamengambil content dari web lain

  26. Design & ContentWeb Sekolah • Terdapat menu utama yang berisi link-link penting, seperti: profil, penghargaan, guru dansiswa, fasilitas, download, dll. • Content padahalamanutamamenampilkanbagian-bagianintidari website, seperti: beritaterbaru, agenda kegiatansekolah, kalender, support link, dll • Pada web modern telahbanyakmenggunakanserangkaiangambardengananimasi slide • Footer biasanyaberisi contact dan link dari social media • Terdapat polling pengunjung • Map yang menunjukkanlokasi • Responsive design, dapatdibukapadasemuatipedevice • Elearning, Share File Materi

  27. Calendar di Web menggunakanGoogleCalendar

  28. Web Polling

More Related