03 Teknologi Web 2

8,074 views

Published on

Materi Kuliah Internet & Disain Web Teknik Elektro Universitas Brawijaya Malang

Published in: Education, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
8,074
On SlideShare
0
From Embeds
0
Number of Embeds
573
Actions
Shares
0
Downloads
171
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • 03 Teknologi Web 2

    1. 1. New Web Technology (2008) Herman Tolle, ST., MT. Disain & Pemrograman Web Informatika & Komputer Teknik Elektro Universitas Brawijaya Malang 2008
    2. 2. Outline <ul><li>Web Classification </li></ul><ul><li>Internet for Sharing Resource </li></ul><ul><li>Web Development Technology </li></ul><ul><li>Web Development Team </li></ul>
    3. 3. Pengaturan Alamat IP <ul><li>Mengapa perlu pengaturan ? </li></ul><ul><ul><li>Karena Internet bersifat global, perlu namespace yang bersifat global pula (agar tidak ada alamat kembar) </li></ul></ul><ul><ul><li>Keterbatasan ketersediaan alamat (IPv4 – hanya 2 32 alamat) </li></ul></ul><ul><li>Pengaturan secara global dilakukan oleh ICANN (Internet Corporation for Assigned Names & Numbers), khususnya oleh entitas IANA (Internet Assigned Numbers Authority) </li></ul><ul><ul><li>IANA mendelegasikan alokasi dan registrasi alamat IP ke Regional Internet Registry (RIR) </li></ul></ul><ul><ul><ul><li>American Registry for Internet Numbers (ARIN)  Amerika Utara </li></ul></ul></ul><ul><ul><ul><li>RIPE Network Coordination Center  Eropa, Timur Tengah, dan Asia Tengah </li></ul></ul></ul><ul><ul><ul><li>Asia-Pacific Network Information Center (APNIC)  Asia dan Pasifik </li></ul></ul></ul><ul><ul><ul><li>Latin American and Carribean Internet Address Registry  Amerika Latin dan Karibia </li></ul></ul></ul><ul><ul><ul><li>African Network Information Center (AfriNIC)  Afrika </li></ul></ul></ul><ul><ul><li>Alokasi oleh IANA ke RIR berupa “potongan-potongan” (chunks) besar, mis. berukuran 2 24 alamat, RIR kemudian melakukan alokasi ke ISP dan organisasi lainnya </li></ul></ul>
    4. 4. Pengaturan Nama Domain <ul><li>Nama domain untuk memudahkan mengingat alamat IP </li></ul><ul><li>Nama domain menuruti suatu struktur hirarkis </li></ul><ul><li>Top level domain sebagai “root” </li></ul><ul><ul><li>Generic TLD (gTLD): com, edu, mil, gov, … </li></ul></ul><ul><ul><li>Country Code TLD (ccTLD): us, au, jp, id, my, sg, ... </li></ul></ul><ul><ul><li>diikuti dengan second level, third level, dst. (subdomain) </li></ul></ul><ul><li>Harus diregistrasikan agar dikenal via domain name system (DNS) </li></ul><ul><li>Nama domain telah menjadi komoditi ekonomis: bisa diperjualbelikan, sarana marketing, sasaran serangan, dsb. (contoh: cybersquatting – menggunakan nama domain yang mirip dengan nama/merk/brand yg sudah dikenal, untuk mendapatkan keuntungan) </li></ul>
    5. 5. Kategori Web <ul><li>Berdasarkan ekstensi domain: </li></ul><ul><ul><li>Generic Top Level Domain (gTLD) </li></ul></ul><ul><ul><li>Country Code Top Level Domain (ccTLD) </li></ul></ul><ul><ul><li>Second Level Domain (SLD) </li></ul></ul><ul><li>Berdasarkan konten (isi) </li></ul><ul><li>Berdasarkan fungsionalitas </li></ul>
    6. 6. Kategori Web: Top Level Domain <ul><li>Berdasarkan ekstension domain web (generic top level domain (gTLD) ): </li></ul><ul><ul><li>Pemerintahan (.gov) </li></ul></ul><ul><ul><li>Komersial / Company (.com) </li></ul></ul><ul><ul><li>Pendidikan (.ac /.edu) </li></ul></ul><ul><ul><li>Organisasi non-profit (.org) </li></ul></ul><ul><ul><li>Network (.net) </li></ul></ul><ul><ul><li>Militer (.mil) </li></ul></ul><ul><li>Ekstensi baru: .info, .biz, .tk, .tv, </li></ul>
    7. 7. Country Code Top Level Domain <ul><li>Top level Domain dalam bentuk kode negara, dikombinasi dengan Second Level Domain, misalnya: </li></ul><ul><ul><li>gov menjadi go.id, </li></ul></ul><ul><ul><li>com  co.id, </li></ul></ul><ul><ul><li>org  or.id </li></ul></ul><ul><li>Top Level Domain dalam bentuk kode negara disebut Country Code Top Level Domain (ccTLD) </li></ul><ul><li>Misalnya: .au (Australia), .uk (Inggris), .sg (Singapura), .jp (Jepang), .nl (Belanda), dll </li></ul><ul><li>Saat ini terdapat lebih dari 250 CCLD </li></ul>
    8. 8. Basic Website Type <ul><li>News/Information Dissemination </li></ul><ul><li>Portal </li></ul><ul><li>Community </li></ul><ul><li>Search </li></ul><ul><li>E-Commerce </li></ul><ul><li>Company/Product Information </li></ul><ul><li>Entertainment </li></ul>
    9. 9. Kategori Berdasar Konten <ul><li>Portal : www.yahoo.com, www.lycos.com, www.astaga.com </li></ul><ul><li>Berita/diseminasi informasi : www.detik.com, www.liputan6.com, www.kompas.co.id </li></ul><ul><li>E-Commerce : www.amazon.com, www.bhinneka.com </li></ul><ul><li>Search Engine : www.google.com, www.yahoo.com </li></ul><ul><li>Komunitas : www.kafegaul.com, www.friendster.com </li></ul><ul><li>Pendidikan (e-learning, digital library, e-journal, ensiklopedia, dll): www.brawijaya.ac.id, www.itb.ac.id, wikipedia </li></ul><ul><li>Official Company/Product : www.experd.com, www. </li></ul><ul><li>Hiburan , hobbyist , pribadi , dll. </li></ul>
    10. 10. New Trend <ul><li>Social Networking: </li></ul><ul><ul><li>Friendster, Hi5, Multiply, MySpace, Yahoo360 0 , </li></ul></ul><ul><ul><li>LinkEd, Flixster, Facebook, Fupei </li></ul></ul><ul><li>Sharing resource </li></ul><ul><ul><li>RapidShare, YouTube, PhotoBucket, EyeSpot </li></ul></ul><ul><li>Blog </li></ul><ul><ul><li>Blogger, WordPress, Bloglines, Webblog </li></ul></ul><ul><li>Online Collaboration/Process </li></ul><ul><ul><li>Virtual Classroom, Virtual Laboratory, Online Office, Online Editing Image/Video </li></ul></ul>
    11. 11. Berdasarkan Fungsi <ul><li>Web Application: Adalah web site yang lebih interaktif, akses data yang besar, dan menyediakan fungsionalitas layaknya aplikasi desktop. </li></ul><ul><li>Web aplikasi merupakan implementasi dari arsitektur 3-tier ysng terdiri dari: web browser, web server dan database </li></ul><ul><li>Web Application for Communication: email client, messenger/chat, voip client, dll </li></ul><ul><li>Special Function Web Application: Contoh: e-procurement, e-learning, e-government, SIM Kepegawaian, SIAKAD, Project Management Application, Online Monitoring, Web Surveillance, dll </li></ul>
    12. 12. Web Application <ul><li>As a Web site becomes more complex, a robust and efficient mechanism for the separation of content, presentation, and logic is necessary. Web application servers are Web sites that are more interactive, access large amounts of data, and provide a rich functionality similar to that of desktop applications. Unlike desktop applications, where all components are stored and executed on the same computer, Web applications usually follow a three-tier client/-server architecture (see Figure 5) consisting of the Web browser, the Web server, and a database. All content and logic are stored in the database and are retrieved and processed as necessary on the Web server. </li></ul><ul><li>The presentation information can be embedded with the content or stored as a separate style sheet on the database or the server. </li></ul>
    13. 13. 3-Tier Architecture
    14. 14. Contoh 3-Tier Dec 4th MS Project Presentation Browser ASP.NET WEB APPLICATION (C# ASPX Pages and ASP.NET AJAX) XML WebService XML MYSQL Fetches/Updates XML files Stores Account information Configuration files
    15. 15. Contoh Implementasi 3-Tier <ul><li>GUI/Presentation: ASP.NET 2.0, ASP.NET AJAX, Object Oriented JavaScript, HTML </li></ul><ul><li>Business Objects: C#.NET, ADO.NET </li></ul><ul><li>Database: XML, MySQL </li></ul><ul><li>Web Server: IIS </li></ul>Dec 4th MS Project Presentation
    16. 16. Internet sebagai media Resource Sharing <ul><li>berbagi: </li></ul><ul><li>Ilmu, pengetahuan dan teknologi </li></ul><ul><li>Pengalaman dan opini </li></ul><ul><li>Data dan informasi </li></ul><ul><li>File: multimedia (teks, dokumen, audio, video) </li></ul><ul><li>Sumberdaya hardware </li></ul>
    17. 17. Fitur untuk resource sharing <ul><li>Web </li></ul><ul><li>FTP </li></ul><ul><li>XML </li></ul><ul><li>Wiki </li></ul><ul><li>Blog </li></ul><ul><li>RSS </li></ul><ul><li>Search Engine </li></ul><ul><li>New Fitur </li></ul>
    18. 18. Teknologi Awal <ul><li>Website : halaman web yang dibuat dengan HTML, pemrograman web ( client atau server side ) dan database </li></ul><ul><li>Web dapat berisi informasi apapun atau link ke resource yang dapat diakses dan didownload </li></ul><ul><li>FTP server : menyimpan file-file dalam direktori yang dapat diakses dan didownload. Mis: ftp.brawijaya.ac.id </li></ul><ul><li>Content Management System (CMS) </li></ul>
    19. 19. Teknologi Kini  Web 2.0 <ul><li>Weblog </li></ul><ul><li>Wiki </li></ul><ul><li>RSS </li></ul><ul><li>XML </li></ul>
    20. 20. Web 2.0 <ul><li>“ A perceived second generation of web-based communities and hosted services which aim to facilitate collaboration and sharing between users” (Wikipedia) </li></ul><ul><ul><li>Situs-situs social networking: Friendster, … </li></ul></ul><ul><ul><li>Wikis (a medium which can be edited by anyone with access to it, and provides an easy method for linking from one page to another): Wikipedia, … </li></ul></ul><ul><ul><li>Folksonomies (the practice and method of collaboratively creating and managing tags to annotate and categorize content </li></ul></ul><ul><ul><ul><li>del.icio.us (social bookmarking web services for storing, sharing, and discovering bookmarks) </li></ul></ul></ul><ul><ul><ul><li>Flickr, Picasa (web photo album) </li></ul></ul></ul>
    21. 21. Web 2.0 <ul><li>Web 2.0 tidak merujuk pada spesifikasi teknis, tetapi lebih pada perubahan tentang bagaimana pengembang software dan pemakai Web menggunakan Web sebagai platform </li></ul>http://en.wikipedia.org/wiki/Image:Web_2.0_Map.svg
    22. 22. Content Management System <ul><li>Content Management System (CMS): aplikasi yang digunakan untuk membuat website dengan mudah tanpa harus mempunyai pengetahuan disain web atau pemrograman web. </li></ul><ul><ul><li>Mis: Mambo, Joomla, OpenCMS, AuraCMS, dll </li></ul></ul><ul><li>Bersifat open source dan tersedia secara gratis </li></ul><ul><li>Menyediakan berbagai fitur yang mudah digunakan: News, Article, Guestbook, Search Engine , dll </li></ul>
    23. 24. What is Wiki? <ul><li>Webiste kolaborasi yang dapat diedit dengan mudah oleh siapapun secara langsung. </li></ul><ul><li>Berfungsi sebagai referensi / ensiklopedia online tentang berbagai hal </li></ul><ul><li>Konten disumbangkan (dengan bertanggung jawab) oleh siapa saja secara bebas dan terbuka (tanpa login) </li></ul><ul><li>Dapat dimanfaatkan untuk mencari informasi teknis tentang berbagai hal </li></ul>
    24. 25. Wiki Examples <ul><li>Wikipedia ( http://www.wikipedia.org ) </li></ul><ul><li>World Wide Wiki ( http://www.worldwidewiki.net ) </li></ul><ul><li>World66 ( http://www.world66.com ) </li></ul><ul><li>OpenGuides ( http://openguides.org ) </li></ul><ul><li>Source Watch ( http://www.sourcewatch.org ) </li></ul>
    25. 27. XML <ul><li>Markup language yang setara dengan HTML tetapi lebih berfungsi untuk menyimpan data </li></ul><ul><li>Format standar yang digunakan untuk mempertukarkan data antar server </li></ul><ul><li>Tersusun dalam bentuk elemen-elemen tag yang didefinisikan sendiri oleh pembuat dokumen tersebut </li></ul><ul><li>Digunakan pada sebagian besar aplikasi web service untuk pertukaran data sebagai bagian dari information resource sharing antar server / aplikasi </li></ul>
    26. 28. Karakteristik XML <ul><li>platform independent, excellent portability, application independent, </li></ul><ul><li>Excellent searching capabilities, syncronisation, can Store any type of data, excellent for interaction between IS systems </li></ul>
    27. 29. XML Document Structure ELEMENTS
    28. 30. What is a Weblog? <ul><li>Weblog (a.k.a. “blog”) = web + log </li></ul><ul><li>Sebuah teknologi yang memungkinkan seseorang melakukan publishing di web dengan sangat mudah </li></ul><ul><li>Isi weblog dapat tersusun berdasarkan kronologi waktu atau berdasarkan kategori </li></ul><ul><li>Webblog dapat dianggap sebagai personal journal atau diary , but it is much more! </li></ul>
    29. 31. How does it work? <ul><li>Yang dilakukan pemilik blog (blogger): </li></ul><ul><li>Login ke blog di web </li></ul><ul><li>Menuliskan sesuatu pada template form input dan submit </li></ul><ul><li>Input tersebut langsung terpublish ke internet </li></ul><ul><li>Software Blog mengorganisasi input berdasarkan tanggal input maupun kategori, dan secara mudah dapat di search. </li></ul><ul><li>Pembaca blog mengakses url blog: </li></ul><ul><li>Dapat membaca blog, memberi komentar, membuat link ke blog pribadinya maupun melakukan pencarian tertentu dari isi blog </li></ul>
    30. 32. Who uses Weblogs? <ul><li>Siapa saja yang mampu untuk mengetik pada komputer </li></ul><ul><li>Tidak membutuhkan pengetahuan tentang disain web / html </li></ul><ul><li>Digunakan secara luas sebagai personal journal , diary , sharing ide, opini maupun media diskusi online </li></ul><ul><li>Saat ini telah berkembang pesat menjadi mainstream channels of news distribution , scholarly exchange of opinions , dan membangun komunitas di dalam maupun luar kelas </li></ul><ul><li>Bloggers mulai dari anak-anak hingga orang tua </li></ul><ul><li>Tersedia banyak layanan Free weblog hosting </li></ul><ul><ul><li>Mis: Blogger.com, livejournal.com </li></ul></ul>
    31. 33. The Anatomy of a Weblog <ul><li>Posts </li></ul><ul><li>Title </li></ul><ul><li>Comments </li></ul><ul><li>Permalinks </li></ul><ul><li>Blogroll </li></ul><ul><li>RSS Feed </li></ul>
    32. 34. Some Example Blogs <ul><li>http://www.nerdgirl.com </li></ul><ul><ul><li>A ‘normal’ person (purely social site) </li></ul></ul><ul><li>http://weblogs.mozillazine.org/roadmap/ [1] </li></ul><ul><ul><li>Inventor of JavaScript – roadmap for development team </li></ul></ul><ul><li>http://blogs.msdn.com/dmassy/archive/2004/06/16/157263.aspx </li></ul><ul><ul><li>Internet Explorer development team member </li></ul></ul><ul><li>http://www.joelonsoftware.com/ </li></ul><ul><ul><li>Articles on software development </li></ul></ul><ul><li>http://dear_raed.blogspot.com/2003_02_01_dear_raed_archive.html [2] </li></ul><ul><ul><li>Reported from inside Iraq before and during last year’s war </li></ul></ul>
    33. 35. RSS <ul><li>Pengertian RSS </li></ul><ul><li>RSS adalah salah satu format web feed yang ditulis dalam format XML (eXtensible Markup Language) dan digunakan untuk berbagi atau menginformasikan suatu konten digital yang sering di-update, seperti blogs, news feed, atau podcast. </li></ul><ul><li>RSS dapat diartikan: </li></ul><ul><li>Rich Site Summary (RSS 0.91) </li></ul><ul><li>RDF Site Summary (RSS 0.9 dan 1.0) </li></ul><ul><li>Really Simple Syndication (RSS 2.0) </li></ul>
    34. 36. RSS <ul><li>Penggunaan RSS sangat pesat akhir-akhir ini, bahkan saat ini RSS juga digunakan untuk memberitahukan daftar perubahan terbaru (revisi) dari suatu buku. </li></ul><ul><li>Banyak istilah yang berkembang seputar RSS, seperti web feed, aggregator, podcast, Atom, web syndication, dll. </li></ul><ul><li>Dua kata kunci yang erat kaitannya dengan RSS, yaitu: </li></ul><ul><ul><li>Konten (content, news, video, audio, dan lain-lain) </li></ul></ul><ul><ul><li>Perubahan (update, changelog, history, dan lain-lain) </li></ul></ul>
    35. 37. Why RSS? <ul><li>RSS menyediakan framework terstruktur untuk informasi </li></ul><ul><li>Informasi yang terstruktur dapat dibaca dan diproses (parse) oleh komputer, seolah-olah membaca database. </li></ul><ul><li>Informasai yang dapat di parse dapat ditampilkan dalam bentuk yang berbeda dengan bentuk aslinya </li></ul>
    36. 38. Traditional Web Reading World Wide Web HTML Files You CNN.com Craig’s List Freebies Dilbert New York Times One Northwest
    37. 39. Newsreaders / RSS Feed Readers <ul><li>Software untuk membaca file RSS dan memproses RSS feed: </li></ul><ul><ul><li>Parses </li></ul></ul><ul><ul><li>Aggregates </li></ul></ul><ul><ul><li>Organizes </li></ul></ul><ul><li>RSS Readers bisa dalam bentuk web (browser) atau aplikasi client </li></ul><ul><li>Memungkinkan user untuk membaca banyak web melalui satu web/aplikasi saja pada saat yang bersamaan </li></ul><ul><li>RSS dari web lain dapat dibaca dengan lebih cepat dibandingkan kalau membuka langsung web tersebut </li></ul><ul><li>The unwieldy web becomes manageable </li></ul>
    38. 40. Reading With a Newsreader RSS RSS RSS You Newsreader CNN.com New York Times Dilbert
    39. 41. How RSS works <ul><li>A short description of a web site in XML format-called a RSS feed is made available. </li></ul><ul><li>Programs called RSS “aggregators” build these entries into a larger database </li></ul><ul><li>RSS feeds can easily be viewed using a ‘RSS Reader’ program on your desktop or via a browser </li></ul><ul><li>You subscribe to feeds of interest </li></ul><ul><ul><li>Similar to building ‘bookmarks’ or ‘favorites’ </li></ul></ul>
    40. 42. How RSS works
    41. 43. Siapa yang diuntungkan dengan RSS? <ul><li>Pengguna: dapat mengikuti (tracking) suatu topik, khususnya berita, semudah membuka inbox e-mail. </li></ul><ul><li>Pengembang: dengan RSS mudah untuk memberitahukan update konten terbaru, khususnya dengan tujuan akhir untuk meningkatkan jumlah kunjungan ke situs (web traffic). </li></ul>
    42. 44. What websites have RSS Feeds? <ul><li>Major News sites </li></ul><ul><ul><li>CNN, NY Times, BBC… </li></ul></ul><ul><li>Most noteworthy Weblogs and Wikis </li></ul><ul><li>Growing number of Instructional Resources </li></ul><ul><ul><li>MERLOT </li></ul></ul><ul><li>Podcasting sites </li></ul><ul><li>Look for this symbol on the website </li></ul>
    43. 45. Some popular RSS Feed Readers <ul><li>RSS Reader Programs </li></ul><ul><ul><li>SharpReader - Win </li></ul></ul><ul><ul><li>RSSReader - Win </li></ul></ul><ul><ul><li>NetNewsWire – Mac – not free </li></ul></ul><ul><li>Web Based RSS feeders </li></ul><ul><ul><li>Bloglines (free) </li></ul></ul><ul><ul><li>News is Free (free) </li></ul></ul><ul><ul><li>Yahoo! (free) </li></ul></ul><ul><li>Browser Built-in Reader - FireFox </li></ul><ul><li>Browser Plugin – Pluck </li></ul><ul><li>Good Source for RSS Readers </li></ul><ul><ul><li>http://blogspace.com/rss/readers </li></ul></ul>
    44. 46. Website mana yang menggunakan RSS? <ul><li>Orange XML </li></ul><ul><li>Coba diakses dari Newsreader anda </li></ul><ul><li>“ Syndicate me” atau “Syndicate this site” </li></ul>
    45. 47. Are Blogs Only Ones Using RSS? <ul><li>No! </li></ul><ul><ul><li>News sites ( CNN , NY Times, Yahoo! News) </li></ul></ul><ul><ul><li>Service sites (Seattle Public Library, Craig’s List , Netflix) </li></ul></ul><ul><ul><li>Events calendars ( upcoming.org ) </li></ul></ul><ul><ul><li>Photo sharing sites ( Flickr.com ) </li></ul></ul>
    46. 48. Web terus berkembang <ul><li>Aplikasi resource sharing baru selalu muncul </li></ul><ul><li>YouTube : sharing file Video </li></ul><ul><li>EyeSpot : sharing file animasi </li></ul><ul><li>LibraryThing , ShelfAri: Virtual books collection </li></ul><ul><li>And many more … </li></ul>
    47. 52. Affiliation Program
    48. 53. It’s Hard to Define, But I Know it When I See it… <ul><li>Web Services / API’s </li></ul><ul><li>“ Folksonomies” / Content tagging </li></ul><ul><li>“ AJAX” </li></ul><ul><li>RSS </li></ul>Cuene.com/mima Emerging Tech Apps You Know… <ul><li>Flickr </li></ul><ul><li>Google Maps </li></ul><ul><li>Blogging & Content Syndication </li></ul><ul><li>Craigslist </li></ul><ul><li>Linkedin, Tribes, Ryze, Friendster </li></ul>Some Apps You Don’t know <ul><li>Del.icio.us </li></ul><ul><li>Upcoming.org </li></ul><ul><li>43Things.com </li></ul>Major Retailers <ul><li>Amazon API’s </li></ul><ul><li>Google Adsense API </li></ul><ul><li>Yahoo API </li></ul><ul><li>Ebay API </li></ul>&quot;[This is] not my mom's Internet …It's changing, and it's changing because we're looking at the share-shifting—the time people are looking at TV, reading a magazine, listening to the radio—they're not replacing each other; they're coming together.&quot; - AOL Exec / May 2005
    49. 54. Web Development Issues
    50. 55. Web Design Issues <ul><li>Usability </li></ul><ul><li>Accessibility </li></ul>
    51. 56. Web Development Issues <ul><li>Web Services </li></ul><ul><li>Platform Framework </li></ul><ul><li>Web 2.0 </li></ul><ul><li>AJAX </li></ul>
    52. 57. Next Generation Client Capabilities Time Web Next Gen Clients Dumb Terminal PC CUI PC GUI Client-Server
    53. 58. Web Services <ul><li>First Generation: HTML and CGI—Characterized by Web servers, static HTML pages, HTML FORMS for simple dialogs, and the Common Gateway Interface (CGI) to connect Web servers to application programs, mostly Perl or Shell scripts. </li></ul><ul><li>Second Generation: Java—Server-side dynamic generation of HTML pages and user session support; the Java servlet interface became popular for connecting to application programs. </li></ul>
    54. 59. Web Services <ul><li>Third Generation: Application server as Richer development and run-time environments—J2EE as foundation for application servers that later evolved towards the fourth generation. </li></ul><ul><li>Fourth Generation: Web services—Characterized by the introduction of XML and WSDL interfaces for Web services with SOAP-based messaging. A global service infrastructure for service registration and discovery emerged: UDDI. Dynamic Web services aggregation—Characterized by flow systems, business negotiations, agent technology, etc. </li></ul>
    55. 60. XML Web Services <ul><li>XML Web Services allow applications to communicate and share data over the internet, regardless of operating system or programming language. </li></ul><ul><li>Defined through public standards organization such as the W3C. </li></ul>
    56. 61. AJAX <ul><li>AJAX itu sendiri adalah kepanjangan dari Asynchronous Java and XML. </li></ul><ul><li>Istilah AJAX digunakan pada website yang berinteraksi dengan server melalui javascript secara asinkron (background), sehingga pengguna tidak perlu me-load keseluruhan isi page. </li></ul><ul><li>Hal ini menyebabkan pengiritan waktu dan bandwidth, juga menghasilkan website yang makin interaktif. </li></ul>
    57. 62. AJAX
    58. 63. Next Generation Global Communication
    59. 64. Web Development Technology
    60. 65. Web Development Technology <ul><li>Browser </li></ul><ul><li>Authoring Tools </li></ul><ul><li>Development Tools </li></ul><ul><li>Development Platform </li></ul><ul><li>Web Server Application </li></ul><ul><li>Database </li></ul>
    61. 66. Authoring Tools <ul><li>Microsoft Frontpage </li></ul><ul><li>Macromedia Dreamweaver </li></ul><ul><li>Macromedia Fireworks </li></ul><ul><li>Macromedia Flash </li></ul><ul><li>HomeSite </li></ul><ul><li>Adobe GoLive </li></ul><ul><li>Graphics Design Tools: Photoshop, dll </li></ul>
    62. 67. Development Tools <ul><li>Net Bean untuk Java </li></ul><ul><li>Visual Studio untuk .Net </li></ul>
    63. 68. Development Platform <ul><li>Server Side Programming: </li></ul><ul><ul><li>CGI, ASP, PHP, ColdFusion </li></ul></ul><ul><li>Server Side Platform: </li></ul><ul><ul><li>J2EE </li></ul></ul><ul><ul><li>.Net Framework (v1, v1.1, v2, v3, v3.5, …) </li></ul></ul><ul><li>Web Service </li></ul><ul><li>Interoperability, data interchange: XML </li></ul>
    64. 69. .Net Platform <ul><li>Idea: </li></ul><ul><ul><li>Web as a collaborative environment. </li></ul></ul><ul><ul><li>More automated, voice-activated, anywhere, anytime Web environment. </li></ul></ul><ul><li>A set of services and technologies (an infrastructure) that will enable a programmable, next generation Internet. </li></ul><ul><li>A complete remake of the company’s entire product line. </li></ul><ul><li>software integration through the use of XML Web services. </li></ul><ul><li>small, discrete, building-block applications that connect to each other—as well as to other, larger applications—via the Internet. </li></ul>
    65. 70. .NET goals <ul><li>Cross-platform interoperability </li></ul><ul><li>Multi-language support </li></ul><ul><li>Code reuse </li></ul><ul><li>Automatic resource management </li></ul><ul><li>Type safety </li></ul><ul><li>Debugging </li></ul><ul><li>Error handling </li></ul><ul><li>Elimination of DLL hell </li></ul><ul><li>Security </li></ul>
    66. 71. .NET Framework—Architecture Operating System Common Language Runtime Common Language Specification VB.NET C# … Visual Studio .NET Base Class Library ADO .NET and XML ASP .NET Web Forms Web Services Windows Forms
    67. 72. Key Benefits of the .NET Framework <ul><li>ASP.NET </li></ul><ul><ul><li>simplify browser-based development </li></ul></ul><ul><li>ADO.NET </li></ul><ul><ul><li>a more powerful model for data access </li></ul></ul><ul><li>Deployment </li></ul><ul><ul><li>simpler, safer </li></ul></ul><ul><li>Class library </li></ul><ul><ul><li>common routines </li></ul></ul><ul><li>New languages </li></ul><ul><ul><li>VB.NET and C# </li></ul></ul><ul><li>Web services </li></ul><ul><ul><li>new approach to providing computing functionality over the Internet </li></ul></ul>
    68. 73. J2EE <ul><li>J2EE is an industry standard, and is the result of a large industry initiative led by Sun. </li></ul><ul><li>It's important to realize that J2EE is a standard, not a product. You cannot &quot;download&quot; J2EE. </li></ul><ul><li>Rather you download a set of Adobe Acrobat PDF files which describe agreements between applications and the containers in which they run. So long as both sides obey the J2EE contracts, applications can be deployed in a variety of container environments. </li></ul>More…
    69. 74. J2EE <ul><li>The J2EE camp's goal is to give customers choice of vendor products and tools, and to encourage best-of-breed products to emerge through competition. The only way this would ever happen is if the industry as a whole were bought-into J2EE. </li></ul><ul><li>To secure buy-in, Sun collaborated with other vendors of eBusiness platforms, such as BEA, IBM, and Oracle, in defining J2EE. Sun then initiated the Java Community Process (JCP) to solicit new ideas to improve J2EE over time. </li></ul>
    70. 75. J2EE Web Services <ul><li>J2EE has historically been an architecture for building server-side deployments in the Java programming language. It can be used to build traditional web sites, software components, or packaged applications. </li></ul><ul><li>J2EE has recently been extended to include support for building XML-based web services as well. These web services can interoperate with other web services that may or may not have been written to the J2EE standard. </li></ul>More…
    71. 76. J2EE Web services
    72. 77. .NET vs J2EE <ul><li>J2EE and .NET are evolutions of existing application server technology used to build enterprise applications. </li></ul><ul><li>The earlier versions of these technologies have historically not been used to build web services. </li></ul><ul><li>Now that web services has arrived, both camps are repositioning their solutions as platforms that you can also use to build web services. </li></ul>
    73. 78. .NET vs J2EE <ul><li>The shared vision between both J2EE and .NET is that there is an incredible amount of 'plumbing' that goes into building web services, such as XML interoperability, load-balancing, and transactions. </li></ul><ul><li>Rather than writing all that plumbing yourself, you can write an application that runs within a container that provides those tricky services for you. </li></ul>
    74. 79. .NET vs J2EE ANALOGIES
    75. 80. Web Development Team
    76. 81. Planning: Development Team <ul><li>A cross-disciplinary team includes: </li></ul><ul><ul><li>Project manager (Web site manager) </li></ul></ul><ul><ul><li>HTML Authors </li></ul></ul><ul><ul><li>Programmers </li></ul></ul><ul><ul><li>Interface and Interaction designer </li></ul></ul><ul><ul><li>Graphic designer </li></ul></ul><ul><ul><li>Human factors/ Usability expert </li></ul></ul><ul><ul><li>Writers / Editors </li></ul></ul><ul><ul><li>Content Owner(s) </li></ul></ul><ul><ul><li>Client / customer </li></ul></ul><ul><ul><li>User </li></ul></ul><ul><ul><li>System/ server administrator </li></ul></ul><ul><ul><li>Representative from a Legal department </li></ul></ul><ul><ul><li>Security </li></ul></ul><ul><ul><li>Hey look, No Webmaster! </li></ul></ul>
    77. 82. Inovasi Teknologi <ul><li>Ubiquitous connectivity </li></ul><ul><li>Broadband </li></ul><ul><li>Mobile </li></ul><ul><li>User Experience </li></ul><ul><li>Search </li></ul><ul><li>Personalization with more effective targeting </li></ul><ul><li>User Generated Content (RSS, blogs, review, video, images, audio, …) </li></ul><ul><li>Music </li></ul><ul><li>Payment </li></ul><ul><li>Short and long form video </li></ul><ul><li>Interactive entertainment </li></ul><ul><li>VOIP </li></ul><ul><li>Local </li></ul><ul><li>Pay per call </li></ul><ul><li>Digital Rights Management (DRM) </li></ul>

    ×