MẪU ĐỒ ÁN KHOÁ LUẬN TỐT NGHIỆP ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ĐỒ ÁN CƠ SỞ 4 ĐỀ TÀI NGHIÊN CỨU XÂY DỰNG MỘT TRÌNH DUYỆT ĐƠN GIẢN MỞ ĐẦU Trong thời đại công nghệ số hiện nay, i[.]
ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ĐỒ ÁN CƠ SỞ ĐỀ TÀI: NGHIÊN CỨU XÂY DỰNG MỘT TRÌNH DUYỆT ĐƠN GIẢN MỞ ĐẦU Trong thời đại công nghệ số nay, internet phần tất yếu sống hầu hết người giới Từ internet đời phát triển cách nhanh chóng đem lại nhiều lợi ích mà ta khơng thể phủ nhận được, Internet giúp người rút ngắn khoảng cách, giao tiếp với dù cách vịng trái đất, ngồi mang đến nguồn thơng tin khổng lồ ta dễ dàng tìm kiếm, người ta cịn mua hàng trực tuyến internet vô số lợi ích mà internet đã, mang đến cho Có thể thấy Internet phần thiếu nhân loại Và để sử dụng internet trình duyệt cơng cụ khơng thể thiếu Và đề tài nghiên cứu để xây dựng trình duyệt đơn giản Với mục tiêu hiểu cách hoạt động trình duyệt LỜI CẢM ƠN Báo cáo đồ án trình nghiên cứu thực tơi giúp đỡ, hỗ trợ nhiều người người Lời xin chân thành cảm ơn THS Trần Un Trang trực tiếp giúp đỡ tơi tìm hiều nghiên cứu thực đề tài, cung cấp tài liệu, thông tin cần thiết cho báo cáo Xin cảm ơn ban lãnh đạo trường Đại học Công nghệ thông tin Truyền thông Việt Hàn, khoa Kho học máy tính tạo điều kiện cho tơi thực đồ án Cuối tơi xin chân thành cảm ơn gia đình, người thân bạn bè bên cạnh ủng hộ, động viên suốt trình tơi thực đồ án Tơi xin chân thành cảm ơn! MỤC LỤC Trang MỞ ĐẦU Chương Giới thiệu 1.1 Tổng quan .7 1.2 Phương pháp, kết 1.3 Cấu trúc đồ án Chương Cơ sở lý thuyết 2.1 Tổng quan lập trình mạng 2.1.1 Khái niệm lập trình mạng 2.1.2 Các ngơn ngữ lập trình mạng 2.1.3 Các mơ hình mạng 2.1.4 Bộ giao thức TCP/IP .11 2.1.5 TCP 12 2.1.6 UDP 13 2.1.7 Giao thức HTTP HTTPS 13 2.2 Nghiên cứu trình duyệt web 15 2.2.1 Tổng quan trình duyệt web .15 2.2.2 Cách trình duyệt web hoạt động 16 Chương Triển khai .52 3.1 Code giao diện 52 3.1.1 Phần kéo thả 52 3.1.2 Phần Code 52 3.2 Kết xuất trang web để hiển thị .55 3.2.1 Kết xuất HTML .55 3.2.2 Hiển thị CSS 56 3.2.3 Hiển thị JAVASCRIPT 56 3.3 Code chức 57 3.3.1 Chức tìm kiếm .57 3.3.2 Chức tải lại trang 57 3.3.3 Chức quay lại trang trước .58 3.3.4 Chức đến trang 58 DANH MỤC TÀI LIỆU THAM KHẢO .60 DANH MỤC CÁC BẢNG Trang Bảng 1: Bảng so sánh HTTP HTTPS 15 Bảng 2: Mơ tả stack trình phân tích từ lên 24 DANH MỤC HÌNH Trang Hình 1: Các tầng giao thức TCP/IP .11 Hình 2: TCP header 12 Hình 3: UDP header 13 Hình 4: Giao thức HTTP 13 Hình 5: Trình duyệt 15 Hình 6: Cấu trúc cấp cao trình duyệt 17 Hình 7: Quy trình cơng cụ kết xuất 18 Hình 8: Luồng Webkit 19 Hình 9: Luồng công cụ kết xuất Gecko Mozilla 19 Hình 10: Nút biểu thức tốn học 20 Hình 11: Từ tài liệu nguồn đên phân tích 21 Hình 12: Quá trình biên dịch 22 Hình 13: Cây DOM Đánh dấu ví dụ 26 Hình 14: Luồng phân tích cú pháp HTML (lấy từ thơng số kỹ thuật HTML5) .27 Hình 15: Ví dụ mã hóa đầu vào 28 Hình 16: Cây cấu trúc mẫu HTML 30 Hình 17: Phân tích cú pháp CSS Webkit 33 Hình 18: Cây kết xuất DOm tương ứng "Viewport" khối chứa ban đầu Trong WebKit, đối tượng "RenderView" 36 Hình 19: Cây kiểu ngữ cảnh Firefox 38 Hình 20: Cây quy tắc 38 Hình 21: Bố cục tăng dần – trình kết xuất bẩn chúng bố trí 43 Hình 22: Mơ hình hộp CSS2 .47 Hình 23: block box .48 Hình 24: Inline box .48 Hình 25: Định dạng Block Inline 48 Hình 26: Lines 49 Hình 27: Định vị Relative 49 Hình 28: Float 50 Hình 29: Định vị Fixed 50 Hình 30: Định vị Fixed 51 Hình 31: Giao diện .52 Hình 32: Kéo thả giao diện 52 Chương 1.1 Tổng quan Giới thiệu Interet hay mạng hệ thống thơng tin tồn cầu truy cập cơng cộng gồm mạng máy tính liên kết với Hệ thống truyền thông tin theo kiểu nói chuyển gói liệu dựa giao thức liên mạng chuẩn hóa (giao thức IP) Hệ thống bao gồm hàng ngàn mạng máy tính nhỏ doanh nghiệp, viện nghiên cứu trường đại học, người dùng cá nhân phủ tồn cầu, liên kết, liên kết loạt công nghệ mạng điện tử, không dây mạng quang Internet mang theo loạt tài nguyên dịch vụ thông tin, chẳng hạn tài lieeujvaf ứng dụng siêu văn liên kết với World Wide Web (WWW), thư điện tử, điện thoại, chia sẻ file Nguồn gốc Internet bắt nguồn từ phát triển chuyển mạch gói nghiên cứu Bộ Quốc phòng Hoa Kỳ ủy quyền thực vào năm 1960 phép chia sẻ thời gian máy tính Mạng tiền thân chính, ARPANET, ban đầu đóng vai tò xương sống để kết nối mạng lưới học thuật quân khu vực năm 1970 Việc tài trợ cho Mạng lưỡi Quỹ Khoa học Quốc Gia xương sống năm 1980, tài trợ tư nhân cho phần mở rộng thương mại khác, dẫn đến tham gia toàn giới việc phát triển công nghệ mạng sáp nhập nhiều mạng Sự liên kết mạng thương mại doanh nghiệp vào đầu năm 1990 đánh dấu khởi đầu trình chuyển đổi sang internet đại, tạo tăng trưởng theo cấp số nhân hệ máy tính cá nhân, điện thoại di động kết nối với mạng Hiện nay, cơng nghệ Internet phủ sóng tồn cầu nhu cầu sử dụng internet ngày cần thiết phải đáp ứng nhiên từ Internet đời liền với hội đặt cịn nhiều nhiều thách thức người cần phải giải Internet đời đánh dấu bước tiến lớn nhân loại trong lĩnh vực kết nối thơng tin tồn cầu Với lợi ích to lớn kiến thức mà mang lại nhiều lĩnh vực đời sốn xã hội Internet trở thành nhu cầu khơng thể thiếu, thỏa mãn nhiều nhu cầu người Đối với đời sống người xã hội đại, phủ sóng mạng lưới Internet thâu tóm nhiều hoạt động giải trí, kinh doanh, sản xuất Chính vậy, khơng có mạng lưới Internet kìm hãm nhiều ngành nghề Mỗi có kết nối mạng lưới Interner tìm kiếm nhiều thơng tin bổ ích, chia sẻ, giao lưu, kết bạn, trị chuyện với Có thể nói mạng xã hội giúp mở rộng nhiều mối quan hệ Các hoạt động kinh tế, văn hóa, xã hội nhờ có Internet đứng vững, tự xây dựng thương hiệu ngày vươn xa Sự phát triển Internet kéo theo đời công cụ truy cập Internet giúp người dùng tương tác với “thế giới ảo” trình duyệt web cơng cụ mà tơi muốn nhắc đến Trình duyệt ứng dụng phần mềm sử dùng nhiều phổ biến Nó dùng để truy cập thông tin World Wide Web Mỗi trang web, hình ảnh, video riêng lẻ xác định URL riêng biệt, cho phép trình duyệt truy xuất hiển thị chúng thiết bị người dùng Trình duyệt web đọc định dạng HTML để hiển thị, trang web hiển thị khác trình duyệt khác Các trình duyệt phổ biến Chrome, Firefox, Safari, Microsoft Edge(Edge Chromuim).Những trình duyệt ngày hồn thiện đem lại trải nghiệm tốt cho người dùng Nhằm mục đích nghiên cứu hiểu sâu cách hoạt động trình duyệt mạng Internet, định thực đồ án nghiên cứu xây dựng trình duyệt đơn giản 1.2 Phương pháp, kết Để xây dựng trình duyệt ta sử dụng nhiều ngơn ngữ lập trình khác nhau, nhiên để dễ tiếp cận tơi chọn ngơn ngữ java để thực đồ án ngơn ngữ học nên đỡ tốn thời gian để học ngơn ngữ tơi có thêm thời gian để nghiên cứu sâu cách mà trình duyệt hoạt động Sau hồn thành mục tiêu tơi đặt trình duyệt với giao diện đơn giản, người dùng nhập địa trang web sau trình duyệt hiển thị html, css javascript trang web đó, trình duyệt có chức quay lại back, forward để di chuyển trang chức reload để tải lại trang web trường hợp có cố mạng trang web không tải hết trang web bị lỗi 1.3 Cấu trúc đồ án Phần trình bày cấu trúc đồ án: Chương 2, chương 3, … Chương Cơ sở lý thuyết 2.1 Tổng quan lập trình mạng 2.1.1 Khái niệm lập trình mạng Vấn đề lập trình mạng liên quan đến nhiều lĩnh vự kiến thức khác nhai Từ kiến thức sử dụng ngơn ngữ lập trình, phân tích thiết kế hệ thống, mơ hình xây dựng chương trình ứng dụng mạng, kiến thức sở liệu…cho đến kiến thức truyền thông, kiến thức lĩnh vực liên quan mạng điện thoại di động, PSTN, hệ thống GPS, mạng Bluetueth, WUSB, mạng sensor…Nhưng nói lập trình mạng có đề cốt lõi Hay nói cách khác, vấn đề lập trình mạng định nghĩa với công thức sau: LTM = KTM + MH + NN - LTM: Lập trình mạng - KTM: Kiến thức mạng truyền thơng (mạng máy tính, PSTN,…) - MH: Mơ hình lập trình mạng - NN: Ngơn ngữ lập trình mạng 2.1.2 Các ngơn ngữ lập trình mạng Nói chung hầu hết ngơn ngữ lập trình lập trình mạng ngơn ngữ có ưu, nhược điểm khác hỗ trợ thư viện API mức độ khác Tùy ứng dụng cụ thể thói quen lập trình mà người lập trình chọn ngơn ngữ phù hợp để phát triển ứng dụng mạng Các ngơn ngữ lập trình phổ biến bao gồm ngôn ngữ sau: - Hợp ngữ (Assembly Language) - C/C++ - VC++, VB, Delphi - Java - Net - ASP - Javascript Đối với phát triển ứng dụn mạng có ngơn ngữ lập trình sử dụng phổ biến nhất, NET Java Người lập trình sử dụng thành thạo hai ngôn ngữ để phát triển ứng dụng mạng Tuy nhiên ngày với xuất Javascript, tạo xu hướng lập trình Full-stack thay cho cơng nghệ lập trình front-end hay back-end truyền thống 2.1.3 Các mơ hình mạng Khi bắt tay vào xây dựng ứng dụng mạng, vấn đề đặt lựa chọn mơ hình mạng( hay cịn gọi kiến trúc mạng) Mặc dù phần mềm mạng đa dạng có thẻ chia chúng vào mơ hình theo cách thức phân chia vai trò nhiệm vụ thành phần: mơ hình chủ-khách ( Client-Server ) mơ hình ngang hàng ( pear-to-peer, P2P ) - Mơ hình chủ khách ( Client-Server ) Trong mơ hình chủ khách ứng ụng chia làm thành phần: thành phần chuyên phục vụ yêu cầu gửi đến từ thành phần khác, gọi Server; nhiều thành phần đưa yêu cầu sử dụng dịch vụ gọi Client Server Client chạy thiết bị đầu cuối khác Thiết bị đầu cuối nơi chạy chương trình Server thường gọi tắt máy chủ Trong mơ hình Server ln hoạt động để lắng nghe yêu cầu phục vụ yêu cầu thiết bị Client Server phải hoạt động máy có địa IP cố định Client hoạt động chế độ ln mở mở không thường xuyên Các Client không giao tiếp trực tiếp với mà giao tiếp với Server Chương trình Client phải biết địa IP máy chủ Do chương tình Server ln hoạt động chạy máy tính có IP cố định cơng bố, chường trình khác liên lạc với máy chủ cần sử dụng dịch vụ máy chủ cung cấp Việc giao tiếp Client Server thực hình thức trao đổi thông điệp (message): Client gửi thông điệp yêu cầu (request message) cho Server để mô tả công việc cần thực Khi nhận thông điệp này, server phân tích xác định cơng việc cần thực Nếu trình xử lý sinh kết cần trả cho Client Server gửi cho Client thông điệp trả lời (reply message) Định dạng ý nghĩa thông điệp trao đổi Client Server quy định giao thức dùng ứng dụng - Mơ hình ngang hàng ( peer-to-peer, P2P ) Trong mơ hình mạng ngang hàng (còn gọi kiến trúc peer-to-peer hay viết tắt P2P), tất thành phần hệ thống thực nhiệm vụ giống nhau, khơng có người phục vụ (server) chuyên biệt 10