Teknologi Informasi dan Komunikasi. Minggu ke - 4

Transkripsi

1 Teknologi Informasi dan Komunikasi Minggu ke - 4

2 1. Human-Computer Interaction 2. Information Management 3. Networking 4. Platform Techologies 5. Programming 6. Web System and Technologies

3 HCI What is it? Can you define/describe it? Human Computer Interaction (HCI = IMK) merupakan studi tentang interaksi antara manusia, komputer dan tugas/ task. Bagaimana manusia dan komputer secara interaktif melaksanakan dan menyelesaikan tugas/ task dan bagaimana sistem yang interaktif itu dibuat.

4 Why We Are Here Look at human factors that affect software design and development Central Topic: User interface design Not just a software interface on a desktop monitor! IMK berasal dari berbagai disiplin bidang ilmu, teknik dan kesenian.

5 Yang Terlibat Dalam IMK Psikologi dan ilmu kognitif : persepsi user, kognitif, kemampuan memecahkan masalah Ergonomi : kemampuan fisik user Sosiologi : kemampuan memahami konsep interaksi Ilmu komputer dan teknik : membuat teknologi Bisnis : pemasaran Desain grafis : presentasi interface Dan lain-lain.

6 Platform Technology A platform is a group of technologies that are used as a base upon which other applications, processes or technologies are developed. In personal computing, a platform is the basic hardware (computer) and software (operating system) on which software applications can be run. Computers use specific central processing units (CPUs) that are designed to run specific machine language code. In order for the computer to run software applications, the applications must be in that CPU s binary-coded machine language. Thus, historically, application programs written for one platform would not work on a different platform.

7 Why They Create Platform Tech Increased Innovation Quicker Response Times Reduced Risk Greater Brand Awareness

8 Programming Pemrograman adalah suatu kegiatan menuliskan kumpulan urutan perintah ke komputer untuk mengerjakan sesuatu, dimana instuksi tersebut menggunakan bahasa yang dimengerti oleh komputer

9 Manfaat Belajar Pemrograman Meningkatkan Kemampuan Berpikir Secara Logis Mengembangkan Cara Berpikir Dengan Sistematis Melatih Teliti Terhadap Detail Meningkatkan Kemampuan dalam Mengatasi Masalah

10 Web System and Technologies Sistem Berbasis Web atau Aplikasi Berbasis Web adalah sebuah sistem yang dibangun dengan menggunakan konsep pengembangan berbasis online dan diaplikasikan melalui media internet atau Intranet. Untuk mengembangkan aplikasi berbasis web ada beberapa bahasa pemrograman yang sering dipergunakan, diantaranya adalah php, cgi, perl, html, java script dll

11 WWW berjalan dengan protokol HyperText Transfer Protokol (HTTP) Halaman Web merupakan file teks murni (plain text) yang berisi sintakssintaks HTML yang dapat dibuka/ dilihat/ diterjemahkan dengan Internet Browser Sintaks HTML mampu memuat konten text, gambar, audio, video dan animasi 11

12 Internet Web Browsers Browser adalah sebuah program aplikasi atau software yang me-request dokumen-dokumen dari komputer-komputer yg terkoneksi internet (server) di seluruh dunia, dan menampilkan informasi dari dokumen tersebut pd window browser. Browser menampilkan sesuai instruksi (format) HTML yg dibuat pd dokumen tsb. 12

13 Sejarah World Wide Web hypertext [Bush 1945, Nelson 1960 s] Awal 90 -an, Tim Berners-Lee, sarjana fisika pd riset Nuklir Swiss (CERN) menciptakan HyperText Markup Language (HTML) dan Browser teks pertama: Lynx Berners-Lee saat ini memimpin WWW Consorsium (W3C) lembaga yang menyusun standarisasi HTML dan dokumen web. 13

14 1993: Browser grafis pertama: Mosaic dibuat oleh Andressen dan Eric Bina (mhs University of Illinois) 1994: Andressen kemudian bekerja untuk Netscape, dan membuat Netscape Navigator, browser grafis populer pertama 1995: Microsoft membuat Internet Explorer Browser saat ini: Mozilla FireFox, Opera, dll 14

15 Trend : Fakta Browsing / Surfing sudah merupakan aktifitas rutin sehari-hari Internet menjadi sumber informasi yang tak terhingga! (apalagi dengan adanya Om Yahoo! dan Mas Google) Jutaan halaman web baru bermunculan setiap hari Konten web semakin bervariasi dan dapat dikontribusi oleh siapa saja dimana saja 15

16 Trend: Killer Application Internet: Online Games Chat (mirc, Yahoo Messenger) Google Earth Web based: Search Engine (Yahoo!, Google) Web Blog Web Komunitas: Friendster, MySpace, Multiply, Hi5, Yahoo 360, YouTube 16

17 Web growth Stats from Internet Valley, Inc. Dates Hosts Domains Web Sites Sites/ Hosts July ,000,000 30,000,000 28,200, % July 98 37,000,000 4,300,000 4,270, % July 97 19,540,000 1,301,000 1,200, % July 96 12,881, , , % IE Netscape Mosaic July 95 6,642, ,000 25, % July 94 3,212,000 46,000 3, % July 93 1,776,000 26, % July ,000 16, % July ,000 3,900 July recent estimates suggest M Web sites, with 4-5 B Web pages! 17

18 Kategori Web Berdasarkan keter-update-an isi web: 1. Web Statis : website yang isi tampilannya selalu sama dan tidak akan pernah berubah kapan pun kita melihatnya. (jika tidak di-update) 2. Web Dinamis: website yang isi tampilannya tidak statis 18

19 1. Web Statis HTML (only) 2. Web Dinamis HTML plus plus + Pemrograman Web (Scripting) + Animasi Interaktif (Mis: Flash, Java Applet) 19

20 HTML & XHTML HTML juga mengalami perkembangan Versi terakhir: HTML 4.1 XHTML adalah standar baru untuk HTML yang bertujuan: memungkinkan sebuah dokumen web dapat dibaca oleh divais baru seperti PDA, ponsel, dll Crossbrowser: ditampilkan sama untuk semua jenis browser Versi terakhir: XHTML

21 HTML Walaupun membuat website sangat mudah dengan menggunakan tools, tetapi sintaks HTML harus dikuasai dengan baik. Membantu dalam mengembangkan fitur yang dinamis: script, applet, konten multimedia, dll. may want low-level control may care about size/readability of pages may want to "steal" page components and integrate into existing pages 21

22 Pemrograman Web Client Side Script : Script yang ditambahkan dalam dokumen html, dieksekusi oleh browser client. Javascript, VBScript Server Side Script: Script yang ditambahkan dalam dokumen html, dieksekusi oleh server, hasilnya dalam bentuk html yang dikirim ke client. ASP/ASP.Net, PHP, CGI, JSP, dll 22

23 Cara Kerja Web 23

24 Pemrosesan Script Web Browser (Client side processing) HTML JavaScript Java Applets HTTP Web Server Server Side Processing CGI SSI Servlet PHP JSP ASP Databases 24

25 Client Side Script Script yang ditambahkan (embedded) pada halaman web yang sebelumnya hanya disusun dengan sintaks HTML. Penambahan script ini mempunyai tujuan tertentu. Misalnya: menampilkan jam dan tanggal yang up- to-date, menu yang dinamis (mis: pull down menu), kontrol terhadap sebuah window, animasi sederhana, animasi mouse maupun untuk validasi form, dll 25

26 Client Side Script Advantage: Waktu proses relatif cepat karena langsung dieksekusi oleh browser client Tidak memerlukan web server untuk hosting Dapat dieksekusi langsung oleh berbagai browser Disadvantage: Script bisa dilihat oleh pengguna Script dapat di copy-paste Tidak cocok untuk akses data atau database 26

27 Tips Client Side Script: Gunakan untuk proses-proses sisi client Script Javascript mudah untuk dibajak Pelajari bagaimana cara menambahkan ke website kita Source:

28 Server Side Script Digunakan untuk membuat aplikasi web atau konten-konten dinamis: news, buku tamu, dll PHP: open source dan banyak digunakan luas Active Server Pages (ASP) dan ASP.Net, teknologi yang dikembangkan oleh Microsoft ColdFusion (CFM), dikembangkan oleh Macromedia Java Server Pages dan Servlet dikembangkan oleh Sun Microsystem Common Gateway Interface (CGI), yang dibuat dengan bahasa pemrograman C++ atau Perl Server Side Include (SSI), seperti misalnya Frontpage Server Extension 28

29 Server Side Script Advantage: Script tidak bisa dilihat oleh pengguna, sehingga tidak dapat di-copy-paste Cocok untuk akses data atau aplikasi database Untuk membuat fitur-fitur tertentu yang berguna, misalnya: hit counter, user manajemen, disain yang dinamis, CMS, dll Disadvantage: Waktu proses relatif lebih lambat karena dieksekusi oleh server Memerlukan web server untuk hosting 29

30 CSS (Cascading stylesheet) CSS adalah bagian dari sebuah website yang khusus dibuat untuk mengatur tampilan sebuah website. Kita dapat mengontrol isi (konten) dan tampilan secara terpisah. Perubahan konten tidak mengharuskan kita melakukan perubahan tampilan, demikian juga sebaliknya. 30

31 CSS Teknologi CSS dimaksudkan untuk mempermudah perancangan web yang indah dan fleksibel. Fleksibilitas adalah hal yang tidak akan diperoleh jika menggunakan HTML saja. Satu file CSS (*.css) dapat digunakan untuk banyak halaman. Sehingga perubahan disain visual untuk banyak halaman dapat dilakukan hanya melalui modifikasi satu file CSS 31

32 Penggunaan CSS saat ini Kontrol aspek visual keseluruhan halaman website Membuat Layout yang standart (kolaborasi dengan XHTML) Teknik membuat layout HTML: Frame cara lama, jarang digunakan Tabel disukai oleh designer CSS metode baru, menjadi standar 32

33 Referensi HTML & CSS CSS-1: CSS-2: HTML: XHTML: 33

34 Teknologi & Aplikasi Web ActiveX ActiveX adalah sebuah teknologi integrasi bukan sebuah bahasa pemrograman. ActiveX dapat disebut sebagai lem yang menyatukan berbagai macam kode bahasa pemrograman sehingga dapat bekerja sama menjadi sebuah aplikasi Internet. ActiveX mirip dengan OLE (Object Linking and Embedding). Ditandai dengan tag <OBJECT> pada html Java Applet Flash (Shockwafe) Komponen ActiveX (develop dg VBScript) dll 34

35 Aplikasi berbasis Web E-Commerce: describes the concept of conducting transactions between a buyer and a seller over an electronic network (Internet) E-Business: describes all aspects of doing business on/with/through the Internet. E-Business includes all aspects of E-commerce E-Learning, E-Government, dan E-E yang lainnya 35

36 Web Developer Secara garis besar dapat dipisahkan: 1. Web Designer: membuat disain web 2. Web Programmer: membuat script untuk halaman web 3. Web Administrator: sebagai administrator web 36

37 Tahapan Pengembangan Website Sebuah website dikembangkan dalam 2 proses besar: 1. Web Designing: proses hingga jadi halaman-halaman web secara lengkap dan siap tayang 2. Web Deploying: proses untuk membuat website terpasang pada server internet dan dapat diakses orang lain 37

38 Peluang Hadirnya internet dan layanan WWW memberikan sejumlah peluang bagi kita, sebagai: Developer Web Content Updater/Kontributor Network/Web Administrator E-Commerce / Online Business Interaksi Bisnis dll 38

39 Fenomena Amazon bhinneka Okezone Detik Elista.akprind Sleman.go.id Padang.go.id Bantul.go.id 39