CHƯƠNG 1: MG DAU 1. Lý do lựa chọn và tính cấp thiết để tài Hiện nay, tác giá luận văn đang lâm việc tại Tổng công †y Nước sạch Hà Nội, và có tham gia một số đự án lập trình web tại công ty phản mềm Koolsoft. Dỗi với những dự án vừa và nhỏ, kinh nghiệm của chúng tôi cho thây rằng riếu sử dụng các website framework od sin trên thị trường sẽ lâm ảnh hưởng tới tốc độ tải trang; kha năng tùy biển, sửa lỗi của lập trình viên; và đặc biệt sẽ gặp khỏ khăn khi nâng câp hệ thông để tích hợp với các công nghệ mới Với các lý đo nêu trên, tôi đã quyết định theo học Thạc sỹ trường Đại học Bách Khoa Hà Nội, theo hướng nghiên cứu: “Tu biểu công nghệ và xáy dựng Framework gitip phat trién nhanh cdc Website”. Đối tượng nghiên cửu - Nghiên cứn các vẫn đề trong việo phát triển website.
Nổi dung này được trình bày chỉ tiết trong chương 2 của luận văn, - Nghiên cửu các công nghệ mới liền quan đến lập trình web. Nội dung này được trình bảy chỉ ết trong chương 3 của luận vẫn, - Nghiên cứu cơ chề hoạt động và cách thức xây dựng xuột website framework. Trong đỏ chú trọng tới việc áp dụng các công nghệ mới để xây dựng ftamiework. Nội dụng nay được trình bày chỉ tiết trơng chương 4 của luận vẫn; - Nghiên cứu khả năng áp dụng của webiste framework trong thực tỂ.
Nội dung này được trình bảy chỉ tiết trang chương 4 của luận văn. Phạm vi và phương pháp nghiên cứu Tiện may có rât nhiều công nghệ hỗ trợ cho việc phải lriễn Website. Trong phạm vĩ luận văn này, tác giá luận văn kết hợp sử đụng các phương pháp nghiền cửu là “Nghiên cứu lý thuyết” và “Nghiê iru thực nghiệm” tập Irưng ngì cáo công nghệ: Google Web Toolkit, Google App Engine, Smarty Template Engme, MVC Patter, PHP GOP, PHP Data Objects (PDO); ĐANIT MỤC KÝ THIIỆU CHỮ VIẾT TÁT Chữ viết tắt Chữ viết đầy đã Framework Khung làm việc Ligker framework Tên riêng của khung lâm việc được xây dựng bơng luận văn GWT Google Web ‘Toolkit GAE Google App Engine MYC Model - View - Controller PDO PHP Data Objects Server May chit (auyén thong) Desktop, PC Máy tính cá nhân CMS Content Management System - hệ thống quản trị nội dung Debug Gẽ lãi Developer, Coder, Lập trìnhviên Programmer Designer Thiết kế viên Rewrile URL Chuyển dạng địa chỉ Core Lõi hệ thông. Cache Bán sao tài liệu Web.
Request Yêu cầu (từ trình duyê) Project Leader Newii dtimg dan va chiu trach nhiém vé dy 4n CHƯƠNG ?: CƠ SỞ TTỰC TIẾN VẢ Cữ SỞ LÝ THUYẾT Với trình đê khoa học hiện nay, các công nghệ mới được phát triển và cập nhi lừng phủi từng giây; liền tục cho ra đời những phần mềm ruới tốt lơn, minh mỡ và hiệu quả hơn. Mặt khóc, nhu cẩu của người dùng cĩng không ngừng lăng lồn cũ về số lượng và chảt lượng. Tháng 9 năm 2014, trang theo đối trực tuyến TnfsreL Live Stats công bổ số lượng websitc trên toàn thể giới đã chỉnh thức vượt mốc 1 ti và trung bình cứ mỗi giây có một website đãng kí mới được ra đởi. Trong 10 Website có số lượng người truy cập đồng nhất thể giới (Google, Facebook, Yotfube, Yahool, Baidu, Wikipadia.
) đầu là Wsb 2. Những con số đó đã phản. ảnh một nhu cầu trong thực tễ, đó lá: áp dựng công nghệ và phảt triển nhanh website là xm thế tật yếu. Tiẳng kinh nghiệm làm việc Thực tế tại công ty Nhắc sạch lIả Nội và tham gia các dự ân lập trình Web với công ty phần mềm Koolsoft, tác giả luận văn nhận thấy việc phát triển nhanh các Website gặp một số Irỡ ngại nh để xây dựng một Website 2.0 có áp dụng kỹ thuật Ajax gặp nhiễu khỏ khăn; lựa chọn một ngôn ngữ lập trình Web phủ hợp với xu thể hiện nay; vẫn để mã giao diện và mã lập trình lẫn lồn trong một file; nhiều trường hợp khách hàng có nhn cần xây đựng và tich hợp mg dụng Web vào một Websils đã có sẵn Để giải quyết các vân để Thực tế nêu trên, tác giả luận văn xin để xuất giải pháp: “xây đựng #amewark giấp phải triển nhanh các website" trong đỗ có sử dụng kết hợp củc công nghệ: Google Wch Toolkit, Goolge App Bngine, PHP hưởng đối tượng theo mô hinh MVC, Simary Template Engine.
Trong chương nảy, luận văn sẽ trình bày các vẫn để khó khăn trong việc phát tiến Website và các vân dễ lý thuyết liên quan đân càc công nghệ Tiêu trên. ANH MỤC HÌNH Tình 3.1: 3ø đề tổng quát mô fã các thành phần và nguyên lý hoạt động của Ligker framework.2: Mô tả quan hệ kế thừa của các thành phần trong hệ thống.3: Minh họa việc sử đụng Core funetians cho nhiều dự án 31 Tinh 3.4: Đặc tả quan hệ kế thừn của Class_1.1 với base fimctions va Core functions .5: ludng thang tin trong Ligker framework.nằng thông tin trang mô hình MVC 34 TTịnh 3.7: Tình ảnh minh họa cho web page.8: Cac position va module trên một wcb page.9: Câu trúc các thư mục chính của Ligker [rainework.10: Cac thanh phan trong thu muc default library 39 Hình 3.11: Các thành phan trong tlur nme project 40 Hình 3.12: Các thành phần trong thư mục libray. Xmereeeereo AL Hinh 3.13: Cần inte thư mục cña mat Google Web Toolktt project 4 Tinh 3.14: Vị trí thr muc Google Web Toolkit trong Ligker framework.15: Một đoạn mã Java viết én Google Web Toolkit.16: Đoạn mã Iava viết trên Google Web Toolkit sinh ra Javascript 45 Tĩnh 3.17: Thư mục Smarty trong Ligker framework 45 Hình 3.18: Cân hình Smarty trong Ligker ftamewoxlk.19: Một thư mục chửa template của dự án có sit dung Ligker framework, 2 46 Tinh 3.20: Vi tri file Javascript sir dung mc dinh cia Ligker framework 47 Hình 3.21: Vị trí ñle cầu hình eta hé théng sit dung Ligker framework 49 Hình 3.22: Sử dụng Google App Engine trên máy tính cá nhân.23: Minh họa giao điện dự ân Quản lý lịch công tác tuẫn của Công ty Nước sạch Tà Nội 45 Hình 3.24: Một trang ofa dir án Quân lý công văn.25: Một sé giao điện của ứng dụng Quân lý Cảng van v trên nên tăng điện thoại đi động 47 Hình 3.26: Minh họa một giao điện của ủự an Befal. Các vẫn đề thực tế trong việc phát triển YWebsite 2.0 va ky thug Ajax Website 2.0 hiện nay không còn quá xa lạ với người sử đựng Internet.
Nhưng có rất nhiều định nghĩa khác nhau về công nghệ nảy vả trên thực tŠ thì vẫn chưa có. một định nghữa nào lã chuẩn mực cơ bản của website 2. Theo từ điễn wikipedia.org thi: “Khai niém Web 2.0 dau tin duge Dale Dougherty, pho chi tich cia OReilly Media, đưa ra tại hội thảo Web 2.0 lần thứ nhật vào tháng 10 năm 2004. Dougherty không đưa ra định nghĩa mà chỉ đừng các vi du so sinh phn bigt Web 1.0; Google AdSense là Web 2.
Bntannica online là Web 1. ‘Trong giai đoạn đầu Web 2.0 tập trưng vảo yếu tố công nghệ, nhân mạnh các nên tang ứng đụng. Nhưng đến lần hôi thão thứ hai vẻ Web 2.0 vào tháng 10/2008, thì được nhân mạnh yếu tô sâu xa hơn chỉnh là yếu tô công đông. Các công nghệ chỉ là phần được nhìn thây trong Web 2.0, người đùng mới là thành phần lạo nên tảng gủa Website.
Từ phương thức “duyệt và xem” chuyển qua “tham gia” là mmột sự thay đổi rất lớn.0 cho phép người đúng có thể dưa bắt cử thông tin gì lên mạng internet. Khi số lượng thông tin đã rất lớn, với sự sàng lọc vả lựa chọn cúa người ding, các thông tin sẽ trở nên có giá trị rất quý bán. Ở đầy xuất hiện 2 vẫn đề - Thứ nhất: các ng dụng weh chạy chậm hơn so với các ứng dụng desktop vì nó liên tục phải tải lại trang KHủ có các sự kiện thay đổi nội dụng. Theo tác giả Prubhaker Chagunti (2007, Google Web Toolkit: GWT Java Ajax Programming) “The client-server architecture has undergone avast change over a short period of time.
Earlier, each application had a different client software, with the software serving ay le UL This software had io be installed irulividually on every client, und needed tv be updated every time we made changes ta the application. We moved from that to the web era and deploving applications on the Internet, and then Internet enabled us to use the omnipresent web browser for accessing ow 10 ĐANIT MỤC KÝ THIIỆU CHỮ VIẾT TÁT Chữ viết tắt Chữ viết đầy đã Framework Khung làm việc Ligker framework Tên riêng của khung lâm việc được xây dựng bơng luận văn GWT Google Web ‘Toolkit GAE Google App Engine MYC Model - View - Controller PDO PHP Data Objects Server May chit (auyén thong) Desktop, PC Máy tính cá nhân CMS Content Management System - hệ thống quản trị nội dung Debug Gẽ lãi Developer, Coder, Lập trìnhviên Programmer Designer Thiết kế viên Rewrile URL Chuyển dạng địa chỉ Core Lõi hệ thông. Cache Bán sao tài liệu Web. Request Yêu cầu (từ trình duyê) Project Leader Newii dtimg dan va chiu trach nhiém vé dy 4n 2.
Các vẫn đề thực tế trong việc phát triển YWebsite 2.0 va ky thug Ajax Website 2.0 hiện nay không còn quá xa lạ với người sử đựng Internet. Nhưng có rất nhiều định nghĩa khác nhau về công nghệ nảy vả trên thực tŠ thì vẫn chưa có. một định nghữa nào lã chuẩn mực cơ bản của website 2. Theo từ điễn wikipedia.org thi: “Khai niém Web 2.0 dau tin duge Dale Dougherty, pho chi tich cia OReilly Media, đưa ra tại hội thảo Web 2.0 lần thứ nhật vào tháng 10 năm 2004.
Dougherty không đưa ra định nghĩa mà chỉ đừng các vi du so sinh phn bigt Web 1.0; Google AdSense là Web 2. Bntannica online là Web 1. ‘Trong giai đoạn đầu Web 2.0 tập trưng vảo yếu tố công nghệ, nhân mạnh các nên tang ứng đụng. Nhưng đến lần hôi thão thứ hai vẻ Web 2.0 vào tháng 10/2008, thì được nhân mạnh yếu tô sâu xa hơn chỉnh là yếu tô công đông.
Các công nghệ chỉ là phần được nhìn thây trong Web 2.0, người đùng mới là thành phần lạo nên tảng gủa Website. Từ phương thức “duyệt và xem” chuyển qua “tham gia” là mmột sự thay đổi rất lớn.0 cho phép người đúng có thể dưa bắt cử thông tin gì lên mạng internet. Khi số lượng thông tin đã rất lớn, với sự sàng lọc vả lựa chọn cúa người ding, các thông tin sẽ trở nên có giá trị rất quý bán. Ở đầy xuất hiện 2 vẫn đề - Thứ nhất: các ng dụng weh chạy chậm hơn so với các ứng dụng desktop vì nó liên tục phải tải lại trang KHủ có các sự kiện thay đổi nội dụng.
Theo tác giả Prubhaker Chagunti (2007, Google Web Toolkit: GWT Java Ajax Programming) “The client-server architecture has undergone avast change over a short period of time.