Công nghệ web và ứng công nghệ web và ứng dụng

Công Nghệ Web và Ứng Dụng Giảng viên: Nguyễn Văn Hòa Khoa KT-CN-MT 1 ĐH An Giang Thông tin cần thiết
Địa chỉ email : nvhoa@agu.edu.vn
Chỉ liên lạc qua điện thoại nếu thật cần thiết
Tài liệu của môn học :
Qui định trong lớp: 2 Mục tiêu của môn học
Có thể phân tích, thiết kế Website  Cấu trúc của Website Qui trình xây dựng: plateform, ngôn ngữ LT
Công nghệ xây dựng Website  Tìm hiểu thêm vài ngôn ngữ lập trình W
Xây dựng Website với mã nguồn mở  CMS, E-Commercial, WebService 3 Yêu cầu môn học
Sinh viên phải dự đầy đủ số tiết lý thuyết
Tiết thực hành bắt buộc phải có mặt
Thực hiện đồ án nhóm hoặc cá nhân 4 Đánh giá môn học
Kết quả bài tập thực hành từng buổi (10%)
Đồ án môn học 40% Thi thực hành 50%
5 Nội dung môn học
Giới thiệu tổng quan về Web
Cấu trúc của Website
Công nghệ Web
PHP nâng cao
Sử dụng mã nguồn xây dựng Website 6 Tài liệu tham khảo
Kappel, G., Proll, B. Reich, S. Retschitzegger, W. Web Engineering, 2006 Wiley & Sons Roger Pressman, David Lowe. Web Engineering:
A Practitioner's Approach, 2009, McGraw-Hill Higher
Course online Web Technologies, Web Engineering 7
Slide bài giảng TS. Đỗ Thanh Nghị, CN. Nguyễn Hoàng Tùng Chương 1: Giới thiệu tổng quan về Web Giảng viên: Nguyễn Văn Hòa 8 Khoa KT-CN-MT – ĐH An Giang Nội dung
Khái về Web
Các loại Web
Công nghệ Web là gì?
Các loại Web ứng dụng
Các lĩnh vực được dùng trong công nghệ Web 9 Web là gi?
Web là công nghệ trên Internet cho phép thể hiện các thông tin một cách sinh động, gần gũi với con người hơn trên 1 trang thông tin gọi là trang Web.
Trang Web được trình bày trên các bộ trình duyệt Web (Browser) trên các máy Client.
Trang Web chính là các file văn bản dạng Text được cấu trúc hoá theo ngôn ngữ HTML 10 Các loại trang web
Trang web tĩnh : là trang đã được lưu trữ sẵn trên Server và khi có yêu cầu từ phía Client, trang này sẽ được tải về và hiển thị trên Browser
Trang web động: là các chương trình được thực hiện trên Server. Kết quả của các chương trình là trang Web tĩnh HTML và được gửi về Client.
Trang web có nhúng các Applet và Script: là các trang HTML có nhúng các câu lệnh Script và Applet như :JavaScript , VBScript , Perl...  Các Applet và Script được thực bên phía Client 11 Trang Web tĩnh
Thí dụ trang Web cá nhân staff.agu.edu.vn/nvhoa 12 Các cách tạo trang Web động
CGI (Common Gateway Interface) : là chuẩn chung để “user interact with internal script trên server như C, C++, Python, Perl, Tck/Perl, Php...”
ASP: là thành phần được cài thêm vào Web Server để tạo ra các trang Web động.
JSP: là công nghệ của hãng Sun MicroSystem. Nó là sự tích hợp của cả Web Server và JSP để tạo trang Web động. 13 Các cách tạo trang Web động (tt) 14 Các cách tạo trang Web động (tt) 15 Công nghệ Web là gì?
Công nghệ web: tập hợp các công nghệ dùng để phân tích, thiết kế, thực hiện, kiểm thử, vận hành và bảo trì các ứng dụng Web với chất lượng cao nhất.
Ứng dụng Web chính là phần mở rộng của công nghệ phần mềm, nhưng lấy Web làm trung tâm
Không giống như phần mềm truyền thống, Web Server bao gồm: development & user platform 16 Công nghệ Web là gì?
Qui trình xây dựng Website  Requirements collection Design  Development  Testing
Web Technologies  HTML, JSP, AJAX,
Project Management  CVS/SVN, JUnit 17 Các loại Web ứng dụng Ubiquitous Semantic Web Interactive Transactional Workflow Based Social WebCollaborative Portal Oriented C o m p l e x i t y 18 Doc-Centric Development History Document-Centric Websites
Tiền thân của Web ứng dụng
Là những tài liệu ở dạng HTML tĩnh
Cập nhật bằng tay
Thuận lợi  Đơn giản, ổn định, thời gian đáp ứng nhanh
Khó khăn Chi phí cho việc cập nhật thường xuyên các tài liệu 19 Tương tác và giao dịch
Chuẩn CGI (Common Gateway Interface)  Script program sinh ra các Webpage Sử dụng các phương thức HTTP PUT or POSTs,
Tương tác đơn giản
Tạo ra trang web động
Cập nhật nội dung thông qua phiên giao dịch  Không tập trung (Decentralized)  Kết nối với cơ sở dữ liệu  Độ phức tập cao 20 Các ứng dụng dựa trên Workflow
Được tổ chức để xử lý các công việc giữa các bộ phận trong các tổ chức xã hội hoặc các doanh nghiệp
Vai trò của Web services  Khả năng cộng tác  Kết nối mềm (Loosely-coupled)  Dựa trên các chuẩn mực đã có
Ví dụ:  Chính phủ điện tử (e-Government), BioWic
Độ phức tập rất cao 21 Web xã hội
Phi cấu trúc, môi trường hợp tác
Phương tiện truyền thông của các cá nhân
Ví dụ điển hình: Wiki
Web xã hội  Hướng về truyền thông cộng đồng  Ví dụ: Blogs, collaborative filtering systems, social bookmarking  Tích hợp với các hình thức khác của các ứng dụng web (ví dụ NetFlix) 22 Cổng thông tin điện tử
Một điểm truy cập với rất nhiều thể loại thông tin khác nhau Yahoo!, AOL.com, my.pitt.edu
Các cổng thông tin chuyên ngành  Business portals (e.g., employee intranet)  Marketplace portals (horizontal & vertical)  Community portals (targeted groups) 23 Web Ubiquitous
Web tập trung vào công nghệ nhằm cho phép bất cứ ai cũng có thể truy cập được Web ở bất cứ nơi nào, bất cứ lúc nào và bằng bất kỳ thiết bị gì  Khách vào nhà hàng có thể chọn món ăn bằng mobile
Vai trò của giao diện người máy (HCI)  Giới hạn của thiết bị (screen size, bandwidth?)  Ngữ cảnh sử dụng
Hầu hết các thiết bị điều nhắm đến các mục tiêu đơn lể như: cá nhân hóa, đa nền, 24 Web ngữ nghĩa (Semantic Web)
Máy tính có thể đọc thông tin trên Web giống như con người Các hệ thống thông tin có thể giao tiếp với nhau,
phân tích và diễn giải ý nghĩa của mọi dữ liệu trên site
Metadata và ontologies cho phép bổ sung thông tin trên web để các máy tính có thể hiểu và giải quyết những vấn đề ngữ nghĩa phức tạp.
Ví dụ trang tìm kiếm thông tin wolframalpha.com 25 Web ứng dụng ở Việt Nam
Quản lý nội dung  Các trang tin tức trực tuyến, tin tức doanh nghiệp, tin tức của các tổ chức đoàn thể
Thương mại điện tử  Các trang bán hàng trực tuyến
Dịch vụ Web (web service)  Dịch vụ web của ngân hàng  Cổng thông tin sử dụng web service như 26 Các lĩnh vực dùng trong WE •Process •Design & Structure Software Engineering Hypermedia © 1997-2005 Dr. Martin Gaedke •Design •Implementation •Test •Operation •Maintenance Information Space •Navigation •Visualization •Usability •Collaboration Web Engineering Network Engineering Information Systems •Physical Layer •Internet Layer •Transport Layer •Performance •Data Design, ER,... •RDBMS •Query Languages •Strg.Devices: FS,... Others... 27