1 Pengantar Teknologi Internet W01: Perkenalan Komputer, Software dan Internet

2 Objectives Definisi Komputer Definisi Komputer Bahasa Pemrograman Bahasa Pemrograman Sejarah Web Sejarah Web Arsitektur Komputer Arsitektur Komputer Browser Browser Perangkat lunak lain Perangkat lunak lain

3 Komputer? Sebuah alat yang dapat melakukan perhitungan logikal jutaan kali lebih cepat dibandingkan yang dilakukan oleh manusia Sebuah alat yang dapat melakukan perhitungan logikal jutaan kali lebih cepat dibandingkan yang dilakukan oleh manusia Komputer melakukan proses berdasarkan instruksi dari program komputer Komputer melakukan proses berdasarkan instruksi dari program komputer

4 Computer Organization 1. Input Unit 1. Input Unit 2. Output Unit 2. Output Unit 3. Memory Unit 3. Memory Unit 4. Arithmetic and Logic Unit (ALU) 4. Arithmetic and Logic Unit (ALU) 5. Central Processing Unit (CPU) 5. Central Processing Unit (CPU) 6. Secondary Storage Unit 6. Secondary Storage Unit

5 Bahasa Pemrograman Banyak sekali jenis-jenis dari bahasa pemrograman komputer Banyak sekali jenis-jenis dari bahasa pemrograman komputer 3 kategori umum: 3 kategori umum: Machine Languages Machine Languages Assembly Languages Assembly Languages High-level Languages High-level Languages

6 Machine Language Bahasa “alami” dari sebuah komputer dan didefinisikan berdasarkan desain perangkat kerasnya Bahasa “alami” dari sebuah komputer dan didefinisikan berdasarkan desain perangkat kerasnya Terdiri dari hanya angka 1s dan 0s (binary number) Terdiri dari hanya angka 1s dan 0s (binary number)

7 Assembly Language Merupakan pengembangan bahasa pemrograman yang menggunakan singkatan-singkatan bahasa Inggris dalam menentukan suatu operasi Merupakan pengembangan bahasa pemrograman yang menggunakan singkatan-singkatan bahasa Inggris dalam menentukan suatu operasi Assembler: adalah tool untuk menerjemahakan bahasa assembly ke bahasa mesin Assembler: adalah tool untuk menerjemahakan bahasa assembly ke bahasa mesin mov ah, 0 mov ah, 0 add ah, 10h add ah, 10h int 21h int 21h

8 High-level Language Bahasa ini dikembangkan karena terlalu banyaknya kode yang harus ditulis untuk melakukan suatu perintah sederhana menggunakan assembly Bahasa ini dikembangkan karena terlalu banyaknya kode yang harus ditulis untuk melakukan suatu perintah sederhana menggunakan assembly Menggunakan bahasa yang hampir mirip dengan yang kita gunakan sehari-hari Menggunakan bahasa yang hampir mirip dengan yang kita gunakan sehari-hari  Mudah diwakili menggunakan pseudocode  Mudah diwakili menggunakan pseudocode $x = $x + 1; $x = $x + 1; doRendering($x); doRendering($x);

9 High-level Language Compiler: alat untuk menerjemahkan dari bahasa tingkat tinggi ke bahasa mesin Compiler: alat untuk menerjemahkan dari bahasa tingkat tinggi ke bahasa mesin C, C++ C, C++ Pengecualian: Java compiler  bytemachine code Pengecualian: Java compiler  bytemachine code Interpreter: alat untuk mengeksekusi bahasa tingkat tinggi secara langsung Interpreter: alat untuk mengeksekusi bahasa tingkat tinggi secara langsung JavaScript, PHP, ActionScript JavaScript, PHP, ActionScript

10 Sejarah Web 1960s: ARPA (Advanced Research Projects Agency of the Department of Defense) merupakan blueprint dari jaringan berbagai komputer universitas dan institusi penelitian 1960s: ARPA (Advanced Research Projects Agency of the Department of Defense) merupakan blueprint dari jaringan berbagai komputer universitas dan institusi penelitian Network ini akhirnya berubah menjadi ARPANET yang pada akhirnya berevolusi menjadi Internet. Network ini akhirnya berubah menjadi ARPANET yang pada akhirnya berevolusi menjadi Internet.

11 ARPANET Tujuan utama: memudahkan banyak pengguna untuk mengirim dan menerima informasi secara bersamaan melalui satu jaringan komunikasi Tujuan utama: memudahkan banyak pengguna untuk mengirim dan menerima informasi secara bersamaan melalui satu jaringan komunikasi Teknik yang digunakan adalah  Packet Switching Teknik yang digunakan adalah  Packet Switching Protokol yang digunakan di ARPANET menjadi cikal- bakal dari TCP (Transmission Control Protocol) Protokol yang digunakan di ARPANET menjadi cikal- bakal dari TCP (Transmission Control Protocol) ARPA juga mengembangkan IP (Internet Protocol) untuk menyatukan jaringan dalam jaringan  “networks of networks” sebagai arsitektur utama internet ARPA juga mengembangkan IP (Internet Protocol) untuk menyatukan jaringan dalam jaringan  “networks of networks” sebagai arsitektur utama internet

12 ARPANET Saat ini kita mengenal TCP/IP sebagai kombinasi dari kedua protokol tersebut Saat ini kita mengenal TCP/IP sebagai kombinasi dari kedua protokol tersebut Internet kemudian merambah dunia militer, bisnis dan bahkan khalayak umum Internet kemudian merambah dunia militer, bisnis dan bahkan khalayak umum

13 World Wide Web 1989, Tim Berners-Lee dari CERN (the European Orgranization for Nuclear Research) mengembangkan teknologi untuk membagi informasi menggunakan hyperlinked text documents 1989, Tim Berners-Lee dari CERN (the European Orgranization for Nuclear Research) mengembangkan teknologi untuk membagi informasi menggunakan hyperlinked text documents Bahasa yang digunakan menjadi cikal bakal dari HyperText Markup Language (HTML) Bahasa yang digunakan menjadi cikal bakal dari HyperText Markup Language (HTML) Beliau juga mengembangkan Hypertext Transfer Protocol (HTTP) sebagai sebuah protokol untuk mengirim informasi melalui web Beliau juga mengembangkan Hypertext Transfer Protocol (HTTP) sebagai sebuah protokol untuk mengirim informasi melalui web

14 W3C World Wide Web Consortium didirikan oleh Tim Berners-Lee tahun 1994 World Wide Web Consortium didirikan oleh Tim Berners-Lee tahun 1994 Bertujuan untuk membuat standard agar web dapat diakses secara universal. Bertujuan untuk membuat standard agar web dapat diakses secara universal. Juga membuat rekomendasi untuk XHTML (Extensible HTML) dan CSS (Cascading Style Sheets) Juga membuat rekomendasi untuk XHTML (Extensible HTML) dan CSS (Cascading Style Sheets)

15 Istilah Arsitektur Komputer Personal Computing Personal Computing Dipopulerkan oleh Apple Computer di tahun 1977 Dipopulerkan oleh Apple Computer di tahun 1977 “Stand alone” units “Stand alone” units Client/Server Computing Client/Server Computing Terdiri dari banyak client berupa workstation atau PCs biasa yang terhubung ke berbagai server Terdiri dari banyak client berupa workstation atau PCs biasa yang terhubung ke berbagai server Distributed Computing Distributed Computing Proses komputasi didistribusikan di berbagai tempat melalui network Proses komputasi didistribusikan di berbagai tempat melalui network

16 Perangkat Lunak Berikut ini merupakan perangkat lunak yang berhubungan dengan web Berikut ini merupakan perangkat lunak yang berhubungan dengan web Server: Web, Database Server: Web, Database Web Browser Web Browser Intergrated Development Environment (IDE) Intergrated Development Environment (IDE)

17 Server Konfigurasi yang umum dalam dunia web: Konfigurasi yang umum dalam dunia web: Web Server  Apache Web Server  Apache Database Server  MySQL Database Server  MySQL Paket server seperti XAMPP dapat di-download dari Paket server seperti XAMPP dapat di-download dari

18 Web Browser Merupakan perangkat lunak yang digunakan dalam mengakses suatu situs web Merupakan perangkat lunak yang digunakan dalam mengakses suatu situs web Browser yang saat ini umum digunakan: Browser yang saat ini umum digunakan: Mozilla Firefox (saat ini versi 3.5) Mozilla Firefox (saat ini versi 3.5) Microsoft Internet Explorer (saat ini versi 8.0) Microsoft Internet Explorer (saat ini versi 8.0)

19 Web Browser Browser lain yang juga digunakan: Browser lain yang juga digunakan: Opera Opera Google Chrome Google Chrome Browser untuk mobile: Browser untuk mobile: Opera Mini Opera Mini Native Mobile Browser (Nokia, etc) Native Mobile Browser (Nokia, etc)

20 Fitur utama dari Web Browser Hyperlinks Hyperlinks Contoh: a href, mailto Contoh: a href, mailto Tabbed Browsing Tabbed Browsing Baru digunakan di IE versi 7 Baru digunakan di IE versi 7 History History Auto Complete Auto Complete Downloads Downloads Viewing Source Code Viewing Source Code

21 Dukungan Protokol Web browser dapat digunakan untuk mengakses berbagai alamat HTTP, HTTPS dan FTP Web browser dapat digunakan untuk mengakses berbagai alamat HTTP, HTTPS dan FTP FTP (File Transfer Protocol) FTP (File Transfer Protocol)  Aturan bagi komputer dalam mengirim data / file melalui internet  Aturan bagi komputer dalam mengirim data / file melalui internet

22 HTTPS Merupakan pengembangan dari protokol HTTP yang umum digunakan dalam mengirim informasi yang bersifat sensitif ataupun rahasia via internet. Merupakan pengembangan dari protokol HTTP yang umum digunakan dalam mengirim informasi yang bersifat sensitif ataupun rahasia via internet. Kependekan dari Hypertext Transfer Protocol over Secure Sockets Layer Kependekan dari Hypertext Transfer Protocol over Secure Sockets Layer Data yang ditransimisikan akan dienkripsi terlebih dahulu Data yang ditransimisikan akan dienkripsi terlebih dahulu

23 Mozilla Firefox Browser yang dikembangkan oleh Mozilla Foundation Browser yang dikembangkan oleh Mozilla Foundation Sangat populer karena kecepatan dan kestabilannya dibandingkan browser lain Sangat populer karena kecepatan dan kestabilannya dibandingkan browser lain Add-ons untuk Firefox banyak sekali membantu dalam pembuatan suatu web Add-ons untuk Firefox banyak sekali membantu dalam pembuatan suatu web FireBug FireBug FirePHP FirePHP ColorZilla ColorZilla

24 Internet Explorer Browser standard untuk sistem operasi Windows yang dikembangkan oleh Microsoft Browser standard untuk sistem operasi Windows yang dikembangkan oleh Microsoft Browser ini sangat dominan digunakan sebelum dikalahkan oleh popularitas Firefox Browser ini sangat dominan digunakan sebelum dikalahkan oleh popularitas Firefox

25 Adobe Dreamweaver Merupakan aplikasi pengembangan web yang dahulunya dikembangkan oleh Macromedia sebelum diambil alih oleh Adobe Corp. Merupakan aplikasi pengembangan web yang dahulunya dikembangkan oleh Macromedia sebelum diambil alih oleh Adobe Corp. Dreamweaver mendukung teknologi seperti: Dreamweaver mendukung teknologi seperti: HTML HTML CSS CSS Scripting (ASP, PHP, ColdFusion, JavaScript) Scripting (ASP, PHP, ColdFusion, JavaScript)

26 Eclipse Merupakan aplikasi yang digunakan sebagai lingkungan pengembangan untuk berbagai jenis bahasa pemrograman Merupakan aplikasi yang digunakan sebagai lingkungan pengembangan untuk berbagai jenis bahasa pemrograman Ditulis menggunakan Java  dapat dijalankan di berbagai macam platform Ditulis menggunakan Java  dapat dijalankan di berbagai macam platform Dapat diupdate menggunakan plugins Dapat diupdate menggunakan plugins

27 Eclipse Eclipse PDT ( Eclipse PDT ( Digunakan untuk pembuatan web menggunakan bahasa PHP Digunakan untuk pembuatan web menggunakan bahasa PHP Mendukung debugging untuk PHP Mendukung debugging untuk PHP Dapat digunakan untuk meng-edit HTML dan CSS file Dapat digunakan untuk meng-edit HTML dan CSS file Eclipse sangat umum digunakan untuk pemrograman Java dan J2EE Eclipse sangat umum digunakan untuk pemrograman Java dan J2EE

28 Eclipse Eclipse yang bersifat opensource didukung oleh berbagai macam vendor terkemuka di dunia Eclipse yang bersifat opensource didukung oleh berbagai macam vendor terkemuka di dunia Contoh pengembangan Eclipse yang bersifat free dan commercial: Contoh pengembangan Eclipse yang bersifat free dan commercial: Zend Studio Zend Studio Aptana Studio Aptana Studio