Đang tải... (xem toàn văn)
LỜI CẢM ƠN UBND TỈNH QUẢNG NAM TRƯỜNG ĐẠI HỌC QUẢNG NAM KHOA CÔNG NGHỆ THÔNG TIN ----- ----- KHÓA LUẬN TỐT NGHIỆP Tên đề tài: WEB TIN TỨC VỀ NỀN VĂN HÓA ĐẶC SẮC CỦA NGƯỜI LÀO Sinh viên thực hiện ANANDA OLAPHIM MSSV: 2117100126 CHUYÊN NGÀNH: CÔNG NGHỆ THÔNG TIN KHÓA 20 17 – 20 21 Cán bộ hướng dẫn ThS T RẦN THỊ DIỆU LINH MSCB: 1088 Quảng Nam, tháng 05 năm 2021 LỜI CẢM ƠN Trước hết em xin gửi lời cảm ơn sâu sắc đến Th S TR ẦN THỊ DIỆU LINH Người đã trực tiếp hướng dẫn, giúp đỡ, định hướng và đóng góp ý kiến cho em trong suốt thời gian làm bài để em có thể hoàn thành bài khóa luận này Em xin chân thành cảm ơn tất cả thầy cô giáo trường Đại học Quảng Nam Đặc biệt là các thầy, cô trong khoa Công nghệ thông tin của trường đã tận tình dạy dỗ và truyền đạt kiến thức cho em trong suốt quá trình học tập và nghiên cứu tại trường, tạo điều kiện thuận lợi cho em trong t hời gian cuối khóa để hoàn thành khóa luận tốt nghiệp Em cũng gửi lời cảm ơn đến Trung tâm học liệu và Công nghệ thông tin trường Đại học Quảng Nam đã tạo môi trường, điều kiện giúp đỡ cho em trong suốt quá trình thực tập tốt nghiệp và những kinh nghiệm trong thực tế Đồng thời, em cũng gửi lời cảm ơn đến gia đình, bạn bè đã động viên, giúp đỡ em lúc khó khăn trong học tập và trong cuộc sống Quảng Nam, tháng 5 năm 2021 Sinh viên thực hiện ANANDA OLAPHIM 3 PHÂN 1 MỞ ĐẦU 1 1 Lý do chọn đề tài Trong những năm trở lại đây, thế giới nói chung và các nước Đông Nam Á nói riêng đang trên đà phát triển mạnh mẽ, không ngừng nâng cao về mọi mặt, đặt biệt là ngành công nghệ thông tin Để đáp ứng như cầu càng cao của con người thì hàng loạt các công ty công nghệ trang web được ra đời và các ứng dụng công nghệ thông tin đang được áp dụng ngày càng nhiều hơn Việc ứng dụng công nghệ thông tin và tin học hóa được xem là một trong những yếu tố mang tính quyết định trong hoạt động của các chính p hủ, tổ chức, cũng như của các công ty, nó đóng vai trò hết sức quan trọng, có thể tạo ra những bước đột phá mạnh mẽ Cùng với sự phát triển không ngừng về kỹ thuật máy tính và mạng điện tử, công nghệ thông tin cũng được những công nghệ có đẳng cấp cao và l ần lượt chinh phục hết đỉnh cao này đến đỉnh cao khác Lào – đất nước láng giềng xinh đẹp và bình yên, mê hoặc du khách với những ngôi chùa tôn nghiêm, những thác nước tuyệt đẹp, những pho tượng Phật nhiều hình dáng độc đáo và nụ cười thân thiện, hiếu khá ch của người dân Cùng với đó Lào là một đất nước hiền hoà thơ mộng tô điểm bởi dòng Mê Kông như môt món trang sức quý giá còn tiềm ẩn chưa được khám phá của du khách bốn phương Hiện nay, du khách muốn đến Lào có thể bằng máy bay nếu muốn tiết kiệm được t hời gian, và nếu muốn trải nghiệm mới về thiên nhiên hoang dã thì hành trình khám đường mòn Đông Dương bằng xe là sự lựa chọn tốt nhất Với những nét văn hóa đặc sắc, những ngôi chùa với lối kiến trúc đặc biệt, những món ăn ngon phù hợp với khẩu vị Việt Na m Lào đang là một điểm đến được rất nhiều bạn trẻ lựa chọn trong chuyến hành trình khám phá của mình Với việc xây dựng Website nói chung, và xây website dựng tin tức nơi du lịch & và phong tục tập quán của đất nước Lào Mục đích là để nhằm vào tất cả mọi người hay mọi nước trong Đông Nam Á biết nơi du lịch, phong tục tập quán, tiếng nói, món ăn ngon đặc sản, tính cách của con người Lào Như vậy, để có cái nhìn toàn cảnh v ề chuyên đề này, khóa luận đi sâ u vào nghiên cứu trên đề tài: “ WEB TIN TỨC VỀ NỀN VĂN HÓA ĐẶC SẮC CỦA NGƯỜI LÀO ” 4 1 2 Mục tiêu của đề tài Nắm vững những kiến thức về nội dung chính, hiểu được về HTML, CSS, và các công cụ thiết kế web Biết vận dụng những kiến thức vào xây dựng trang thông tin điện tử (Website) 1 3 Đối tượng và phạm vi nghiên cứu Ứng dụng các kiến thức về nội dung chính, hiểu được về HTML, CSS, Biết vận dụng những kiến thức vào xây dựng trang Web 1 4 Phương pháp nghiên cứu Em đi sâu nghiên cứu vào nội dung chính của đề tài khóa luận tốt nghiệp, tìm hiểu ngôn ngữ HTML, CSS, áp dụng xây dựng trang Website vào việc quảng cáo và tự hào đất nước mình 1 5 Đóng góp của đề tài Khóa luận tóm tắt các kiến thức về sự thiết kế và sử dụng tin tức nơi du lịch và phong tục tập quán của đất nước Lào Bên cạnh đ ó, kết quả của đề tài có thể làm tài liệu tham khảo hữu ích cho sinh viên khoa Công nghệ thông tin và những ai muốn nghiên cứu về ứng dụng thông tin website này để tìm hiểu sâu sắc về đất nước Lào 1 6 Cấu trúc đề tài Chương 1: Cơ sở lý thuyết Chương này trình bày các khái niệm cơ bản về web, ngôn ngữ và phần mềm hỗ trợ được sử dụng trong quá trình thiết kế website Chương 2: Phân tích & thiết kế hệ thống Chương này đặc tả bài toán sau đó phân tích và thiết kế, xây dựng hệ thống Chương 3 : Demo Chương Trình 5 PHÂN 2 NỘI DUNG NGHIÊN CỨU CHƯƠNG I : CƠ SỞ LÝ THUYẾT 1 CÁC KHÁI NIỆM CƠ BẢN 1 1 1 URL URL viết tắt của (Uniform Resource Locator), URL cung cấp một cách chính xác để xác định vị trí một nguồn tài nguyên trên web, các hệ thống hoạt động trên internet URL chứa tên của giao thức sử dụng để truy cập vào tài nguyên và tên của tài nguyên Phần đầu tiên của một URL xác định giao thức nào được sử dụng Phần thứ hai xác định địa chỉ IP hoặc tên miền nơi có tài nguyên nằm Giao thức URL bao gồm H TTP (Hypertext Transfer Protocol) và HTTPS (HTTP Secure) cho tài nguyên web, “mailto” cho các địa chỉ email, “ftp” cho các tập tin trên File Transfer Protocol server , và telnet cho một phiên truy cập máy tính từ xa Một URL được sử dụng chủ yếu để trỏ đến một trang web, một thành phần của một trang web hoặc một chương trình trên một trang web Tên tài nguyên của URL bao gồm: Một tên miền xác định một máy chủ hoặc các dịch vụ web Một tên chương trình hoặc một đường dẫn đến tập tin trên máy chủ Ví dụ, ht tps://www mona - media com/project/instagetter/index html Các nguồn tài nguyên sẽ được lấy ra bằng cách sử dụng giao thức HTTPS Các nguồn tài nguyên có được thông qua tên miền (DNS) “ www mona - media com ” Và đường dẫn đến tài nguyên cụ thể là /project/instagetter/index html 1 1 2 HTTP Với những người thường xuyên sử dụng internet, cụm từ HTTP có lẽ đã trở nên quá quen thuộc Nó quen thuộc đến nỗi nhiều người thường xuyên đọc và sử dụng chúng nhưng lại không hề biết đến ý ng hĩa của cụm từ này Vậy HTTP kỳ thực là gì? HTTP là chữ viết tắt của HyperText Transfer Protocol (giao thức truyền tải siêu văn bản) Đây là một giao thức ứng dụng trong bộ các giao thức TCP/IP (gồm một nhóm các giao thức nền tảng cho internet) 6 HTTP hoạ t động dựa trên mô hình Client – Server Trong mô hình này, các máy tính của người dùng sẽ đóng vai trò làm máy khách (Client) Sau một thao tác nào đó của người dùng, các máy khách sẽ gửi yêu cầu đến máy chủ (Server) và chờ đợi câu trả lời từ những máy ch ủ này Để có thể nói chuyện được với nhau, các máy chủ và máy khách phải thực hiện việc trao đổi thông qua các giao thức Một trong những giao thức được sử dụng thường xuyên nhất chính là HTTP HTTP là chữ viết tắt của HyperText Transfer Protocol (giao thứ c truyền tải siêu văn bản) Đây là một giao thức ứng dụng trong bộ các giao thức TCP/IP (gồm một nhóm các giao thức nền tảng cho internet) Khi bạn gõ một địa chỉ Web URL vào trình duyệt Web, một lệnh HTTP sẽ được gửi tới Web server để ra lệnh và hướng dẫn nó tìm đúng trang Web được yêu cầu Trang Web này sau đó sẽ được kéo về và mở trên trình duyệt Web Nói đơn giản hơn, HTTP là giao thức giúp cho việc truyền tải file từ một Web server vào một trình duyệt Web để người dùng có thể xem một trang Web đang hiệ n diện trên trình duyệt ĐIỀU NGƯỜI DÙNG INTERNET CẦN LƯU Ý Rõ ràng việc sử dụng giao thức HTTPS giúp tăng cường khả năng bảo mật và phòng vệ đáng kể cho người dùng internet Cũng chính bởi điều này, các hệ thống ngân hàng, tổ chức tín dụng… đều sử dụng gi ao thức HTTPS trên các Website của mình Điều này cũng đã được sự hưởng ứng của cả Google và Facebook Với người dùng internet, điều mà bạn cần lưu ý khi truy nhập vào các hệ thống thanh toán điện tử hoặc các website yêu cầu việc nhập liệu những thông tin nhạy cảm về người dùng nằm ở chính giao thức mà Website đó sử dụng Ở các doanh nghiệp hoặc các hệ thống thanh toán điện tử uy tín, việc sử dụng giao thức HTTPS gần như 7 là một trong những yêu cầu bắt buộc đối với các doanh nghiệp này Bởi vậy việc không sử dụng giao thức HTTPS đồng nghĩa với việc bạn phải xếp Website đó vào diện nghi vấn Rất có thể, đây chỉ là một trang Web giả danh nhằm lấy đi thông tin về tài khoản của bạn Để kiểm tra một Website có sử dụng giao thức HTTPS hay không cũng vô cùng đơn giả n Các bạn chỉ cần để ý đến phần link đường dẫn khi truy nhập vào Website mở đầu bằng http:// hay https:// Bên cạnh đó, link đường dẫn của các Website có sử dụng giao thức HTTPS thường đi kèm với một biểu tượng nhỏ hình ổ khóa Khi đưa con trỏ chuột hướng vào biểu tượng này, trên đó sẽ hiện ra tên của đơn vị xác thực (CA) như đã nói ở trên Đây là dấu hiệu cho thấy Website mà bạn đang truy nhập không phải là giả mạo Chỉ như vậy thôi rõ ràng là chưa đủ cho việc đảm bảo an toàn thông tin trên internet Tuy nhiên với những điều cơ bản này, các bạn cũng sẽ phần nào hiểu được cách thức mà các Website hoạt động và có cho mình những kinh nghiệm cơ bản nhất để tự bảo vệ chính bản thân mình 1 1 3 Word Wide Web World Wide Web là mạng lưới nguồn thông tin cho phép ta khai thác thông qua một số công cụ, chương trình hoạt động dưới các giao thức mạng World Wide Web là công cụ, phương tiện hay đúng hơn là một dịch vụ của Internet * Lịch sử trang web World Wide web đã được tạo ra vào năm 1990 của CERN bởi kỹ sư Tim Berners - Lee Ngày 30 tháng tư năm 1993, CERN thông báo rằng World Wide web sẽ được miễn phí để sử dụng cho bất cứ ai Trước khi giới thiệu về HTML và các giao thức HTTP và cá c giao thức khác như FTP,… được sử dụng để lấy các tập tin cá nhân từ một máy chủ Những giao thức này cung cấp một cấu trúc thư mục đơn giản mà người sử dụng chuyển và chọn các tập tin để tải về Văn bản được thường xuyên nhất được trình bày như là các tậ p tin văn bản thuần tuý mà không có định dạng hoặc đã được mã hoá trong trình xử lý các định dạng * Phân loại website Có thể là công việc của một cá nhân, một doanh nghiệp hoặc các tổ chức, và thường dành riêng cho một số chủ đề cụ thể hoặc mục đích Bất kỳ trang web c ó thể 8 chứa một siêu liên kết vào bất kỳ trang web khác, do đó, phân biệt các trang web cá nhân, như cảm nhận của người sử dụng Tạm thời phân loại như sau: Trang web cá nhân Trang web th ương mại Trang web của chính phủ Trang web tổ chức phi lợi nhuận Trình duyệt web Trình duyệt web là một phần mềm ứng dụng cho phép người sử dụng xem và tương tác với các văn bản, hình ảnh, đoạn phim, nhạc, trò chơi và các thông tin khác ở trên một trang web của một địa chỉ web trên mạng to àn cầu hoặc mạng nội bộ Văn bản và hình ảnh trên một trang web có thể chứa siêu liên kết tới các trang web khác của cùng một địa chỉ web hoặc địa chỉ web khác Trình duyệt web cho phép người sử dụng truy cập các thông tin trên các trang web một cách nhanh chóng và dễ dàng thông qua các liên kết đó Trình duyệt web đọc định dạng HTML để hiển thị, do vậy một trang web có thể hiển thị khác nhau trên các trình duyệt khác nhau Một số trình duyệt web hiện nay cho máy tính cá nhân bao gồm Internet Explorer, Mozilla Firefox, Safari, Opera, Avant Browser, Konqueror, Lynx, Google Chrome, Flock, Arachne, Epiphany, K - Meleon và AOL Explorer World Wide Web, gọi tắt là Web hoặc WWW, mạng lư ới toàn cầu là một không gian thông tin toàn cầu mà mọi người có thể truy nhập (đọc và viết) qua các máy tính nối với mạng Internet Thuật ngữ này thường được hiểu nhầm là từ đồng nghĩa với chính thuật ngữ Internet Nhưng Web thực ra chỉ là một trong các dịch vụ chạy trên Internet, chẳng hạn như dịch vụ thư điện tử Web được phát minh và đưa vào s ử dụng vào khoảng năm 1990, 1991 bởi viện sĩ Viện Hàn lâm Anh Tim Berners - Lee và Robert Cailliau (Bỉ) tại CERN, Geneva, Switzerland Các tài liệu trên World Wide Web được lưu trữ trong một hệ thống siêu văn bản (hypertext), đặt tại các máy tính trong mạng I nternet Người dùng phải sử dụng một chương trình được gọi là trình duyệt web (web browser) để xem siêu văn bản Chương trình này sẽ nhận thông tin (documents) tại ô địa chỉ (address) do người sử dụng yêu cầu (thông tin trong ô địa chỉ được gọi là tên miền (domain name)), rồi sau đó chương trình sẽ tự động gửi thông tin đến máy chủ (web server) và hiển thị trên màn hình máy tính của người xem Người dùng có thể theo các liên kết siêu văn bản (hyperlink) 9 trên mỗi trang web để nối với các tài liệu khác hoặc g ửi thông tin phản hồi theo máy chủ trong một quá trình tương tác Hoạt động truy tìm theo các siêu liên kết thường được gọi là duyệt Web Quá trình này cho phép người dùng có thể lướt các trang web để lấy thông tin Tuy nhiên độ chính xác và chứng thực của thông tin không được đảm bảo 1 2 ngôn ngữ HTML 1 2 1 Giới thiệu * Ngôn ngữ HTML (HyperText Markup Language – ngôn ngữ siêu văn bản) là một trong các loại ngôn ngữ được sử dụng trong lập trình web Khi truy cập một trang web cụ thể là click vào các đường link, bạn sẽ được dẫn tới nhiều trang các nhau, và các trang này được gọi là một tài liệu HTML (tập tin HTML) Một trang HTML như vậy được cấu thành bởi nhiều phần tử HTML nhỏ và được quy định bằng các thẻ tag Bạn có thể phân biệt một trang web được viết bằng ngôn ngữ HTML hay PHP thông qua đường link của nó Ở cuối các trang HTML thường hay có đuôi là HTML hoặc HTM Một trang HTML được cấu thành bởi nhiều phần tử HTML nhỏ và được quy định bằng các thẻ tag HTML là ngôn ngữ lập trình web được đánh giá là đơn giản Mọi trang web, mọi trình duyệt web đều có thể hiển thị tốt ngôn ngữ HTML Hiện nay, phiên bản mới nhất của HTML là HTML 5 với n hiều tính năng tốt và chất lượng hơn so với các phiên bản HTML cũ ng 10 Vậy, đối với các website, ngôn ngữ HTML đóng vai trò như thế nào? HTML, theo đúng nghĩa của nó, là một loại ngôn ngữ đánh dấu siêu văn bản, thế nên các chức năng của nó cũng xoay quanh yế u tố này Cụ thể, HTML giúp cấu thành các cấu trúc cơ bản trên một website (chia khung sườn, bố cục các thành phần trang web) và góp phần hỗ trợ khai báo các tập tin kĩ thuật số như video, nhạc, hình ảnh Ưu điểm nổi trội nhất và cũng là thế mạnh c ủa HTML là khả năng xây dựng cấu trúc và làm cho website trở thành một hệ thống hoàn chỉnh Ưu điểm nổi trội nhât và cũng là thế mạnh của HTML là khả năng xây dựng cấu trúc và khiến trang web đi vào quy củ một hệ thống hoàn chỉnh Nếu bạn mong muốn sở hữu m ột website có cấu trúc tốt có mục đích sử dụng nhiều loại yếu tố trong văn bản, hãy hỏi HTML Nhiều ý kiến cho rằng tùy theo mục đích sử dụng mà lập trình viên hay người dùng có thể lựa chọn ngôn ngữ lập trình riêng cho website của bạn, tuy nhiên thực chất HTML chứa những yếu tố cần thiết mà dù website của bạn có thuộc thể loại nào, giao tiếp với ngôn ngữ lập trình nào để xử lý dữ liệu thì nó vẫn phải cần đến ngôn n gữ HTML để hiển thị nội dung cho người truy cập Nói đúng hơn, dù website của bạn được xây dựng như thế nào, trên nên tảng nào thì nó cũng cần đến sự hỗ trợ của HTML, dù ít dù nhiều Đối với các lập trình viên hay nhà phát triển web, họ đều phải học HTM L như một loại ngôn ngữ cơ bản trước khi bắt tay vào thiết kế trang web nào 1 2 2 Cấu trúc cơ bản của một file HTML Cấu trúc cơ bản của HTML 11 Cấu trúc cơ bản của trang HTML/XHTML có dạng như sau, thường gồm 3 phần: : Phần khai báo chuẩn của html hay xhtml : Phần khai báo ban đầu, khai báo về meta , title , css , javascript… : Phần chứa nội dung của trang web, nơi hiển thị nội dung Cấu trúc cơ bản Tiêu đề trang web Phần thân viết ở đây Cấu trúc cơ bản của trang web Mỗi trang web đều có cách thể hiện cấu trúc khác nhau, có trang 1 cột, có trang 2 và cũng có trang chứa nhiều cột, bên dưới đây chúng ta tham khảo một trang đơn giản sử dụng 2 cột để layout Phần đầu: header, có thể chứa logo, câu slogan, các liên kết, các banner liên kết, các button, đoạn flash, hoặc các form ngắn như form tìm kiếm, Phần li ên kết toàn cục: global navigation, dùng để chứa các liên kết đến những trang quan trọng trong toàn bộ trang, trong phần này có thể chứa thêm các liên kết con (sub navigation) Phần thân của trang: page body, phần này chứa phần nội dung chính (content) và phần nội dung phụ (sidebar) Phần nội dung chính: content, phần này chứa nội dung chính cần thể hiện cho người dùng xem 12 Phần nội dung phụ: sidebar, phần này có thể chứa liên kết phụ của từng trang (local navigation), hoặc các banner chứa liên kết liên qua n, hoặc có thể dùng để chứa các liên kết quảng cáo, Phần cuối trang web: footer, phần này thường chứa phần liên hệ như: tên công ty, địa chỉ, số điện thoại, mail liên hệ, và đặc biệt là copyright, hoặc có thể chứa các liên kết toàn trang, các banner liên kết, 1 2 3 Các thẻ HTML cơ bản • Thẻ : Tạo đầu mục trang • Thẻ : Tạo tiêu đề trang trên thanh tiêu đề, đây là thẻ bắt buộc Thẻ title cho phép bạn trình bày chuỗi trên thanh tựa đề của trang Web mỗi khi trang Web đó được duyệt trên trình duyệt Web • Thẻ …: Tất cả các thông tin khai báo trong thẻ đều có thể xuất hiện trên trang Web Những thông tin này có thể nhìn thấy trên trang Web 13 • Các thẻ định dạng khác Thẻ
: Tạo một đoạn mới Thẻ : Thay đổi phông chữ , kích cỡ và màu kí tự • Thẻ định dạng bảng : Đây là thẻ định dạng bảng trên trang Web Sau khi khai báo thẻ này, bạn phải khai báo các thẻ hàng và thẻ cột cùng với các thuộc tính của nó • Thẻ hình ảnh : Cho phép bạn chèn hình ảnh vào trang Web Thẻ này thuộc loại thẻ không có thể đóng • Thẻ liên kết : Là loại thẻ dùng để liên kết giữa các trang Web hoặc liên kết đến địa chỉ Internet, Mail hay Intranet (URL) và đ ịa chỉ trong tập tin trong mạng cục bộ (UNC) Bạn đã gửi Hôm nay lúc 13:39 • Các thẻ Input: Thẻ Input cho phép người dùng nhập dữ liệu hay chỉ thị thực thi một hành động nào đó, thẻ Input bao gồm các loại thẻ như: text, password, submit button, reset, chec kbox, radio, image • The Textarea: < \ Textarea>: The Textarea cho phép người dùng nhập liệu với rất nhiều dòng Với thẻ này bạn không thể giới hạn chiều dài lớn nhất trên trang Web • Thẻ Select: Thẻ Select cho phép người dùng chọn phần tử trong tập phương thức đã được định nghĩa trước Nếu thẻ Select cho phép người dùng chọn một phần tử trong danh sách phần tử thì thẻ Select sẽ giống như combobox Nếu thẻ Select cho phép người dùng chọn nhiều phần tử cùng một lần trong danh sách phần tử, th ẻ Select đó là dạng listbox • Thẻ Form: Khi bạn muốn submit dữ liệu người dùng nhập từ trang web phía Client lên phía Server, bạn có hai cách để làm điều nàu ứng với hai phương thức POST và GET trong thẻ form Trong một trang Web có thể có nhiều thẻ Form khác nhau, nhưng các thẻ Form này không được lồng nhau, mỗi thẻ form sẽ được khai bảo hành động (Action) chỉ đến một trang khác 14 1 3 NGÔN NGỮ CSS 1 3 1 Giới thiệu Định nghĩa CSS là viết tắt của Cascading Style Sheets Đây là một ngôn style sheet được sử dụng để mô tả giao diện và định dạng của một tài liệu viết bằng ngôn ngữ đánh dấu (markup) Nó cung cấp một tính năng bổ sung cho HTML Nó thường được sử dụng với HTML để thay đổi phong cách của trang web và giao diện người dùng Nó cũng có thể được sử dụng với b ất kỳ loại tài liệu XML nào bao gồm cả XML đơn giản, SVG và XUL CSS được sử dụng cùng với HTML và JavaScript trong hầu hết các trang web để tạo giao diện người dùng cho các ứng dụng web và giao diện người dùng cho nhiều ứng dụng di động CSS làm đượ c những gì? Bạn có thể thêm giao diện mới vào các tài liệu HTML cũ Bạn hoàn toàn có thể thay đổi giao diện trang web của mình chỉ với một vài thay đổi trong mã CSS Tại sao sử dụng CSS Đây là ba lợi ích chính của CSS: 1) Giải quyết một vấn đề lớn Trước kh i có CSS, các thẻ như phông chữ, màu sắc, kiểu nền, các sắp xếp phần tử, đường viền và kích thước phải được lặp lại trên mọi trang web Đây là một quá trình rất dài tốn thời gian và công sức Ví dụ: Nếu bạn đang phát triển một trang web lớn nơi phông chữ v à thông tin màu được thêm vào mỗi trang, nó sẽ trở thành một quá trình dài và tốn kém CSS đã được tạo ra để giải quyết vấn đề này Đó là một khuyến cáo của W3C 2) Tiết kiệm rất nhiều thời gian Định nghĩa kiểu CSS được lưu trong các tệp CSS bên ngoài vì v ậy có thể thay đổi toàn bộ trang web bằng cách thay đổi chỉ một tệp 3) Cung cấp thêm các thuộc tính CSS cung cấp các thuộc tính chi tiết hơn HTML để định nghĩa giao diện của trang web Các điểm chính của CSS được đưa ra dưới đây: 15 CSS là viết tắt của Casca ding Style Sheet CSS được sử dụng để thiết kế các thẻ HTML CSS là một ngôn ngữ được sử dụng rộng rãi trên web HTML, CSS và JavaScript được sử dụng để thiết kế web Nó giúp các nhà thiết kế web áp dụng phong cách trên các thẻ HTML Ví dụ về CSS h1 { color:white; background - color:#00eeee; padding:5px; } p { color:blue; } Write Your First CSS Example
This is Paragraph
1 3 NGÔN NGỮ PHP 1 3 1 Khái niệm PHP PHP (viết tắt hồi quy “PHP: Hypertext Preprocessor”) là một ngôn ngữ lập trình kịch bản hay một loại mã lệnh chủ yếu được dùng để phát triển các ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng quát Nó rất thích hợp với web và có thể dễ dàng nhúng vào trang HTML Do được tối ưu hóa cho các ứng dụng web, 16 tốc độ nhanh, nhỏ gọn, cú pháp giống C và Java, dễ học và thời gian xây dựng sản phẩm tương đối ngắn hơn so với các ngôn ngữ khác nên PHP đã nhanh chóng trở thành một ngôn ngữ lập trình web ph ổ biến nhất thế giới Như đã giới thiệu, PHP là ngôn ngữ máy chủ, mã lệnh PHP sẽ tập trung trên máy chủ để phục vụ các trang Web theo yêu cầu của người dùng thông qua trình duyệt Khi người dùng truy cập website viết bằng PHP, máy chủ đọc mã lệnh PHP và x ử lý chúng theo các hướng dẫn đã được mã hóa Khác với Website HTML tĩnh ở chỗ: khi có một yêu cầu, máy chủ chỉ đơn thuần gửi dữ liệu HTML đến trình duyệt Web và không xảy ra một sự biến dịch nào từ phía máy chủ Đối với người dùng cuối và trên trình duyệ t web, các trang home html và home php trong tương tự như nhau, nhưng thực chất nội dung của trang được tạo theo các cách khác nhau - Ưu điểm khi dùng PHP + Dùng mã nguồn mở (có thể chạy trên Apache hoặc IIS) + Phổ biến hơn ASP (có thể thấy dựa vào số website dùng PHP) + Dễ học khi đã biết HTML, C + Dựa vào XAMP (dễ cấu hình) + Nhiều hệ thống CMS miễn phí dùng + Đi cặp với MYSQL + Hoạt động trên Linux, có thể trên IIS - Windows - Nhược điểm : + Mã ngu ồn không đẹp + Chỉ chạy trên ứng dụng web 1 3 2 Cú pháp của PHP a Nhúng mã PHP vào HTML Cách thông dụng sau để nhúng mã PHP Ví dụ: Các bạn có thể chèn mã này sen kẽ các tag của html hoặc có thể từ mã này echo (in) ra các html theo ý muốn Ví dụ: tôi có thể sử dụng 2 cách như sau hoặc VD01 Câu lệnh của php cũng giống như trong lập trình C kết thúc bởi dấu chấm phẩy ";" b Chú thích trong PHP PHP hỗ trợ các kiểu chú giải như của C, C++ Ví dụ: Về cơ bản ngôn ngữ lập trình php là ngôn ngữ dễ sử dụng, thông dụng hiện nay 18 Cú pháp PHP chính là cú pháp trong ngôn ngữ C, các bạn làm quen với ngôn ngữ C thì có lợi thế trong lập trình PHP Để lập trình bằng ngôn ngữ PHP cần chú ý những điểm sau: 1 Cuối câu lệnh có dấu; 2 Biến trong PHP có tiền tố là $ 3 Mỗi phương thức đều bắt đầu {và đóng bằng dấu} 4 Khi khai báo biến thì không có kiễu dữ liệu 5 Nên có giá trị khởi đầu cho biến khai báo 6 Phải có chi chú (Comment) cho mỗi feature mới 7 Sử dụng dấu // hoặc # để giải thích cho mỗi câu ghi chú 8 Sử dụng /* và */ cho mỗi đoạn ghi chú 9 Khai báo biến có phân biệt chữ hoa hay thường c Khai báo biến Khi th ực hiện khai báo biến trong C, bạn cần phải biết tuân thủ quy định như: kiễu dữ liệu trước tên biến và có giá trị khởi đầu, tuy nhiên khi làm việc với PHP thì không cần khai báo kiểu dữ liệu nhưng sử dụng tiền tố $ trước biến Xuất phát từ những điều ở trê n, khai báo biến trong PHP như sau: $tenbien [=giá trị]; $dem=0; //đếm $strSql = "Select * from sanpham where hienthi=1"; $mang = array("Họ", "Tên", "cơ quan"); $kiemtra = false; Code đầy đủ Tự học PHP Biến 1 4 CÔNG CỤ SỬ DỤNG 1 4 1 Notepad++ Notepad++hay được gọi là Notepad plus plus là một text editor đơn giản nhẹ nhàng trong quá trình làm việc và sử dụng nó Ngoài phần mềm này ra thì nếu bạn là một trình viên chẳng hạn thì cũng ít nhiều bạn cũng biết tới các phần mềm IDE, Editor mạnh mẽ hỗ trợ code như là Sublime Text , Zend Studio với rất nhiều Plugin hỗ trợ bạn Nhưng nhẹ nhất, linh hoạt trong việc tắt mở thì có lẽ Notepad++ sẽ là sự lựa chọn hàng đầu của bạn 20 Gi ớ i thi ệ u Notepad++ là một phần mềm mã nguồn mở làm nhiệm vụ biên tập mã nguồn, được coi là thay thế cho Notepad Notepad++ được viết bằng ngôn ngữ C++ trên nền Win32 API và STL thuần túy, đảm bảo tốc độ thực thi cao hơn và có kích thước chương trình nhỏ gọn Notepad++ hỗ trợ nhiều ngôn ngữ bao gồm tất cả ngôn ngữ lập t rình hiện nay như C/C++, C#, Java, HTML, PHP, Trong môi trường Windows, Notepad++ là một lựa chọn rất lý tưởng Tiền đề bài viết Trong quá trình học tập và làm việc, thao tác với nhiều ngôn ngữ và nhiều trình soạn thảo là việc thường gặp ở mỗi lập trìn h viên Trong bài viết này tôi muốn cung cấp cho bạn đọc cách cài đặt và sử dụng phần mềm Notepad++ để phục vụ quá trình học tập và làm việc trong chuyên ngành công nghệ Đ ố i tư ợ ng hư ớ ng đ ế n Các bạn học viên đang bắt đầu quá trình học tập và làm việc trong các ngành công nghệ và lập trình, nhất là các học viên STDIO Training Những bạn muốn tìm kiếm một chương trình hỗ trợ đắc lực có thể hỗ trợ nhiều ngôn ngữ và được sử dụng trong suốt quá trình từ giai đoạn khởi đầ u đến giai đoạn chuyên nghiệp Cài đ ặ t Dễ dàng download bản cài đặt mới nhất tại trang chủ: https://notepad - plus - plus org (Ví dụ này thực hiện tại phiên bản Notepad++ 7 3 3 ngày 20 tháng 3 năm 2017) Sau khi download bản cài đặt phù hợp, khởi động file cài đặt và chọn ngôn ngữ Chọn Next 21 Chọn I Agree để đồng ý với những điều khoản của chương trình Chọn đường dẫn lưu chương trình 22 Chọn các Components cần thiết Có thể chọn tạo Shortcut trên Desktop trước khi Install 23 Sau khi cài đặt thành công nhấn Finish để hoàn tất và chạy thử chương trình Ứ ng d ụ ng Ví dụ dễ nhất để có thể thấy được sự hỗ trợ của Notepad++ là với các câu lệnh HTML Nhấn Ctrl + N để tạo trang mới và copy dòng code bên dưới 24 1 2 3 4 Page Title 5 6 7 STDIO TRAINING 8HELLO WORLD
9 10 Nhấn Ctrl + S và lưu file dưới dạng * html Lúc này ta có thể quan sát giao diện trực quan của Notepad++ so với Notepad Trên thanh công cụ chọn Run - > Launch in Chrome hoặc tổ hợp phím Ctrl + Alt + Shift + R để thực thi file trên Chrome ta được kết quả 25 1 4 2 XamPP Xampp là một công cụ tích hợp đầy đủ các thành bao gồm Apache, Mysql, PHP, Perl Giúp chúng ta tạo ra môi trường web server trên máy tính của mình, để có thể chạy đượ c kịch bản PHP 1 Apache Là một chương trình máy chủ, dùng để giao tiếp với các giao thức HTTP Apache chạy tốt trên mọi hệ điều hành 2 Mysql Là hệ quản trị cơ sở dữ liệu, được dùng để lưu trữ thông tin của một website Mỗi website có thể sử dụng một hoặc nhiều cơ sở dữ liệu 3 PHP Là ngôn ngữ kịch bản trên phía Server, dùng để xử lý các thao tác của người dùng Và làm việc trực tiếp với cơ sở dữ liệu (Database) 4 Perl Là một tầng cao hơn, một ngôn ngữ lập trình năng động hơn Sử dụng rộng rãi trong lập trình mạng và quản trị hệ thống Ít phổ biến cho mục đích phát triển web, Perl thích hợp với rất nhiều ứng dụng Để có thể chạy được xampp trên máy, các bạn download về theo link này Xampp có hỗ trợ hầu hết các hệ điều hành như window, linux, ma c Sau khi đã download được Xampp về máy, chúng ta tiến hành cài đặt như sau Màn hình mới vào cài đặt - Nhấn Next để tiếp tục việc cài đặt 26 - Nhấn Next để tiếp tục cài đặt - Ở đây, các bạn nên chọn ổ đĩa mà không phải ổ C Để tránh việc cài win hoặc ghost máy bị mất dữ liệu Nhấn Next để tiếp tục 27 - Nhấn Next để tiếp tục Quá trình cài đặt diễn ra như hình bên dưới - Tiếp theo ta được màn hình như bên dưới 28 - Nhấn Finish để hoàn thành việc cài đặt 29 CHƯƠNG II: PHÂN TÍCH VÀ THUYẾT KẾ HỆ THỐNG 2 1 KHẢO SÁT HỆ THỐNG 2 1 1 ĐẶC TẢ BÀI TOÁN Một nơi du lịch cần thực hiện tin học hóa việc đăng kí tour du lịch thông qua website Đây là trang web giới thiệu về tất cả những gì liên quan đến lĩnh vực du lịch của Lào đến khách hàng tham quan website, nhằm thu hút khách hàng tham quan website Chủ đạo của website là giới thiệu các điểm du lịch trong và ngoài nước, các kỳ quan hay các chương trình về tour du lịch, các lễ hội trong năm tại các điểm du lịch Tại đây người dùng có thể xem thông tin về các t our du lịch do công ty cung cấp, cho phép đặt tour trực tuyến, tham khảo giá tour, tìm kiếm tour phù hợp Có 2 cách để tìm kiếm thông tin: Tìm nhanh và tìm chi tiết Tìm nhanh: cho phép người dùng tìm kiếm nhanh bất kỳ thông tin nào trong website thông qu a thao tác đơn giản là nhập từ khóa cần tìm và nhấn enter để ra kết quả Tìm chi tiết: cho phép người dùng giới hạn khu vực tìm kiếm thông tin để kết quả hiển thị ra chính xác hơn Người dùng (tương ững với user name và password) truy cập vào trang web để tìm hiểu thông tin về các tour du lịch trong và ngoài nước Người dùng có thể đăng kí tour du lịch, dịch vụ visa, vé máy bay, vé tàu xe, đăng kí thuê xe ô tô trực tuyến với công ty thông qua website Truy cập vào website người dùng có thể tìm hiểu về t hông tin các địa điểm du lịch, các danh lam thắng cảnh trên thế giới Đối với người quản lý: Người quản lý cần nắm bắt thông tin nhân viên, thông tin khuyến mại từ các địa điểm du lịch, thông tin về các đối tác kinh doanh Sau khi tìm hiểu đầy đủ thông tin về các tuor du lịch, người dùng có thể làm việc trực tuyến với nhân viên của công ty để đăng kí tour du lịch cho mình Khi khách hàng đăng kí du lịch chúng tôi sẽ có một phiếu đăng kí cho khách hàng có thể đang kí trực tuyến hoặc đăng kí trực tiếp tại Nh ân viên cần xác định các thông tin: - Khách hàng có yêu cầu dịch vụ gì không? - Tour du lịch mà khách hàng đăng kí - Khách hàng muốn đặt khách sạn hay không, loại khách sạn mà khách hàng muốn đặt 30 - Khách hàng muốn ăn uống nghỉ ngơi tại nhà hàng như thế nào? - Khách hàng muốn thuê xe không? - Thông tin về khách hàng: họ tên, giới tính, tuổi, CMTND (hộ chiếu), địa chỉ, điện thoại, email Với mỗi thông tin về các dịch vụ, khách sạn, nhà hàng, xe cộ, các tour du lịch, các địa danh chúng ta đều có dữ liệu đầy đủ để khách hàng có thể yên tâm Nhân viên cần đưa ra các thông tin sau cho khách hàng được rõ: - Thông tin về tour du lịch - Thông tin khuyến mại của các khu du lịch - Thông tin về các địa danh, danh lam thắng cảnh - Thông tin khách sạn, nhà hàng, các dịch vụ, visa Nhà quản lý: cần nắm bắt các thông tin về nhân viên của mình, nắm bắt các thông tin về khuyến mại giảm giá từ các khu du lịch một cách nhanh nhậy đưa ra chiến lược kinh doanh hợp lý 2 1 2 DANH SÁCH CÁC TÁC NH ÂN Du Khách: là người truy cập website, đăng kí, xem thông tin về dịch vụ , phong tục tập quán và nơi du lịch của đất nước Lào Du Khách: là những khách thăm đã đăng kí thành viên của hệ thống, đăng nhập, tìm kiếm, đặt hàng, xem, sửa, xóa thông tin giỏ hàng, đăng xuất, xem, sửa thông tin cá nhân, đổi mật khẩu, thanh toán Người quản trị: điều hành, quản lý và theo dõi mọi hoạt động của hệ thống: quản lí sản phẩm (thêm, xóa, sửa), quản trị người dùng (xóa), quản lí hóa đơn (xem thông tin, xóa, phê duyệt hóa đơn) 2 2 ĐẶC TẢ CÁC UC Tác nhân : khách xem Mô tả: cho phép khách xem đăng ký làm thành viên của hệ thống Tiền điều kiện: khách hàng ghé thăm hệ thống Luồng sự kiện chính: (1) Khách xem chọn mục đăng ký thành viên (2) Form đăng ký thành viên hiển thị (3) Khách xem đăng nhập thông tin cá nhân vào form đăng ký 31 (4) Nhấn nút đăng ký (5) Hệ thống báo kết quả quá trình nhập thông tin cá nhân Nếu thông tin nhập không chính xác thì thực hiện luồn rẽ nhánh Nếu nhập chính xác thì thực hiện bước 6 (6) Hệ thống cập nhật thông tin của khách xem vào danh sách thành viên (7) UC kết thúc Luồng sự kiện rẽ nhánh : yêu cầu nhập lại Hậu điều kiện: khách hàng trở thành thành viên của hệ thống 32 2 3 BIỂU ĐỒ UC CHI TIẾT 2 3 1 Biểu đồ UC tổng quát Hình 2 1 Sơ đồ UC tổng quát 33 2 3 2 Biểu đồ hoạt động a Biểu đồ hoạt động Xem thông tin Tour b Biểu đồ hoạt động: Khách hàng Đăng ký Tour 34 2 3 3 Biểu đồ tuần tự Hình 2 2: Biểu đồ tuần tự chức năng quản lý tin tức Admin đăng nhập vào hệ thống, hệ thống cung cấp cho admin một quyền tương ứng và truy cập vào trang quản lý tin tức Tại trang quản lý có thể duyệt tin bằng cách sửa trạng thái của tin, có thể xóa tin hoặc có thể tìm kiếm thông tin về tin tức đó Dữ liệu mới được thay đổi vào cơ sở dữ liệu bảng “tintuc” và hệ thống thông báo là thay đổi thành công 35 CHƯƠNG III DEMO CHƯƠNG TRÌNH (Một số giao diện chính của chương trình) 3 1 Trang chủ Biểu diễn cho thấy các hình ảnh, thông tin đôi nét về đất nước Lào và thông tin liên hệ HÌNH 3 1 GIAO DIỆN TRANG CHỦ 36 3 2 Thông tin cá nhân Giới thiệu về người viết website và thông tin liên quan tới người viết HÌNH 3 2 GIAO DIỆN TRANG THÔNG TIN CÁ NHÂN 37 3 3 T rang Văn hóa ẩm thực Lào Biểu diển cho thấy rằng các món ăn ngon mà người lào thường xuyên ăn , và món ăn đặc sản của đất nước lào khi nước ngoài qua lào phải được ăn thử và đâm mê đến món ăn lào HÌNH 3 3 GIAO DIỆN GIỚI THIỆU VĂN HÓA ẨM THƯC LÀO 38 3 4 Trang phục truyền thống Biểu diễn sự cuộc sống của người lào, văn hóa , phong tục tập quán theo phong tục của người lào HÌNH 3 4 GIAO DIỆN GIỚI THIỆU PHỤC TRUYỀN THỐNG 39 3 5 Trang văn hóa lễ hội Biểu diển cho thấy rằng các lễ hội quan trọng được tổ chức ở đất nước Lào HÌNH 3 5 GIAO DIỆN GIỚI THIỆU VĂN HÓA LỄ HỘI 40 3 6 Trang đăng nhập HÌNH 3 6 GIAO DIỆN ĐĂNG NHẬP 41 Phần 3 KẾT LUẬN VÀ KIẾN NGHỊ 1 Kết luận Ngôn ngữ HTML, CSS , PHP cho phép chúng ta thiết kế và xây dựng trong trang thông tin điện tử (Website) có tính nâng cao Thời đại mà công nghệ thông tin đã trở thành một nh ư cầu không thể thiếu, việc xây dựng trang thông tin trên mạng là một phương pháp tối ưu để đưa thông tin cho con người, đặc biệt là để quảng cáo, tự hào cho đất nước Lào, làm cho mọi người nhớ về phong tục tập quán, nơi du lịch, tiếng cười và sự sống của con người cũng như đất nước Lào Với thời gian và năng lực có hạn, trong một thời gian em đã nghiên cứu và ứng dụng ngôn ngữ HTML, CSS , PHP để web tin tức về nền văn hóa đạc sác của người lào Đề tài này được hoàn thành song không thể tránh khỏi những thiế u sót và kết quả đạt được chưa cao Kính mong sự thông cảm của các thầy cô và các bạn Để hoàn thành trong đề tài này, một lần nữa em xin chân thành cảm ơn cô giáo Th S THẦN THỊ DIỆU LINH là người đã quan tâm, giúp đỡ em trong suốt thời gian qua Và cho em bày tỏ lòng biết ơn tới các thầy giáo, cô giáo trong khoa công nghệ thông tin đã giúp em hoàn thành đề tài này Em xin chân thành cảm ơn 2 Kiến nghị C ố gắng hoàn thiện hơn nữa Website và đưa lên Internet để sử dụng 42 Phần 4 TÀI LIỆU THAM KHẢO [1] Thiết kế web với CSS [2] Bài giảng thiết kế Web – HTML căn bản Khoa CNTT – ĐH Q N [3] Tài liệu trên Internet [4] Trang web www w3school com [5] Th S TRẦN THỊ DIỆU LINH – Bài giảng thiết kế và lập trình web [6] Bài Giảng Phân tích thiết kế hệ thống hướ ng đối tượng UML 43 Quảng Nam, ngày 11 tháng 05 năm2021 Cán bộ hướng dẫn ………………… Sinh viên thực hiện …………………… DUYỆT CỦA KHOA UBND TỈNH QUẢNG NAM TRƯỜNG ĐẠI HỌC QUẢNG NAM KHOA CÔNG NGHỆ THÔNG TIN - - KHÓA LUẬN TỐT NGHIỆP Tên đề tài: WEB TIN TỨC VỀ NỀN VĂN HÓA ĐẶC SẮC CỦA NGƯỜI LÀO Sinh viên thực ANANDA OLAPHIM MSSV: 2117100126 CHUYÊN NGÀNH: CÔNG NGHỆ THÔNG TIN KHÓA 2017 – 2021 Cán hướng dẫn ThS TRẦN THỊ DIỆU LINH MSCB:1088 Quảng Nam, tháng 05 năm 2021 LỜI CẢM ƠN LỜI CẢM ƠN Trước hết em xin gửi lời cảm ơn sâu sắc đến Th.S TRẦN THỊ DIỆU LINH Người trực tiếp hướng dẫn, giúp đỡ, định hướng đóng góp ý kiến cho em suốt thời gian làm để em hồn thành khóa luận Em xin chân thành cảm ơn tất thầy cô giáo trường Đại học Quảng Nam Đặc biệt thầy, cô khoa Công nghệ thông tin trường tận tình dạy dỗ truyền đạt kiến thức cho em suốt trình học tập nghiên cứu trường, tạo điều kiện thuận lợi cho em thời gian cuối khóa để hồn thành khóa luận tốt nghiệp Em gửi lời cảm ơn đến Trung tâm học liệu Công nghệ thông tin trường Đại học Quảng Nam tạo môi trường, điều kiện giúp đỡ cho em suốt trình thực tập tốt nghiệp kinh nghiệm thực tế Đồng thời, em gửi lời cảm ơn đến gia đình, bạn bè động viên, giúp đỡ em lúc khó khăn học tập sống Quảng Nam, tháng năm 2021 Sinh viên thực ANANDA OLAPHIM PHÂN MỞ ĐẦU 1.1 Lý chọn đề tài Trong năm trở lại đây, giới nói chung nước Đơng Nam Á nói riêng đà phát triển mạnh mẽ, không ngừng nâng cao mặt, đặt biệt ngành công nghệ thông tin Để đáp ứng cầu cao người hàng loạt công ty công nghệ trang web đời ứng dụng công nghệ thông tin áp dụng ngày nhiều Việc ứng dụng công nghệ thơng tin tin học hóa xem yếu tố mang tính định hoạt động phủ, tổ chức, cơng ty, đóng vai trị quan trọng, tạo bước đột phá mạnh mẽ Cùng với phát triển không ngừng kỹ thuật máy tính mạng điện tử, cơng nghệ thơng tin cơng nghệ có đẳng cấp cao chinh phục hết đỉnh cao đến đỉnh cao khác Lào – đất nước láng giềng xinh đẹp bình yên, mê du khách với chùa tôn nghiêm, thác nước tuyệt đẹp, tượng Phật nhiều hình dáng độc đáo nụ cười thân thiện, hiếu khách người dân Cùng với Lào đất nước hiền hồ thơ mộng tơ điểm dịng Mê Kơng mơt trang sức quý giá tiềm ẩn chưa khám phá du khách bốn phương Hiện nay, du khách muốn đến Lào máy bay muốn tiết kiệm thời gian, muốn trải nghiệm thiên nhiên hoang dã hành trình khám đường mịn Đơng Dương xe lựa chọn tốt Với nét văn hóa đặc sắc, chùa với lối kiến trúc đặc biệt, ăn ngon phù hợp với vị Việt Nam Lào điểm đến nhiều bạn trẻ lựa chọn chuyến hành trình khám phá Với việc xây dựng Website nói chung, xây website dựng tin tức nơi du lịch & phong tục tập quán đất nước Lào Mục đích để nhằm vào tất người hay nước Đông Nam Á biết nơi du lịch, phong tục tập quán, tiếng nói, ăn ngon đặc sản, tính cách người Lào Như vậy, để có nhìn tồn cảnh chun đề này, khóa luận sâu vào nghiên cứu đề tài: “WEB TIN TỨC VỀ NỀN VĂN HÓA ĐẶC SẮC CỦA NGƯỜI LÀO” 1.2 Mục tiêu đề tài Nắm vững kiến thức nội dung chính, hiểu HTML, CSS, cơng cụ thiết kế web Biết vận dụng kiến thức vào xây dựng trang thông tin điện tử (Website) 1.3 Đối tượng phạm vi nghiên cứu Ứng dụng kiến thức nội dung chính, hiểu HTML, CSS, Biết vận dụng kiến thức vào xây dựng trang Web 1.4 Phương pháp nghiên cứu Em sâu nghiên cứu vào nội dung đề tài khóa luận tốt nghiệp, tìm hiểu ngơn ngữ HTML, CSS, áp dụng xây dựng trang Website vào việc quảng cáo tự hào đất nước 1.5 Đóng góp đề tài Khóa luận tóm tắt kiến thức thiết kế sử dụng tin tức nơi du lịch phong tục tập quán đất nước Lào Bên cạnh đó, kết đề tài làm tài liệu tham khảo hữu ích cho sinh viên khoa Cơng nghệ thơng tin muốn nghiên cứu ứng dụng thơng tin website để tìm hiểu sâu sắc đất nước Lào 1.6 Cấu trúc đề tài Chương 1: Cơ sở lý thuyết Chương trình bày khái niệm web, ngôn ngữ phần mềm hỗ trợ sử dụng trình thiết kế website Chương 2: Phân tích & thiết kế hệ thống Chương đặc tả toán sau phân tích thiết kế, xây dựng hệ thống Chương 3: Demo Chương Trình PHÂN NỘI DUNG NGHIÊN CỨU CHƯƠNG I : CƠ SỞ LÝ THUYẾT CÁC KHÁI NIỆM CƠ BẢN 1.1.1 URL URL viết tắt (Uniform Resource Locator), URL cung cấp cách xác để xác định vị trí nguồn tài nguyên web, hệ thống hoạt động internet URL chứa tên giao thức sử dụng để truy cập vào tài nguyên tên tài nguyên Phần URL xác định giao thức sử dụng Phần thứ hai xác định địa IP tên miền nơi có tài nguyên nằm Giao thức URL bao gồm HTTP (Hypertext Transfer Protocol) HTTPS (HTTP Secure) cho tài nguyên web, “mailto” cho địa email, “ftp” cho tập tin File Transfer Protocol server , telnet cho phiên truy cập máy tính từ xa Một URL sử dụng chủ yếu để trỏ đến trang web, thành phần trang web chương trình trang web Tên tài nguyên URL bao gồm: Một tên miền xác định máy chủ dịch vụ web Một tên chương trình đường dẫn đến tập tin máy chủ Ví dụ, https://www.mona-media.com/project/instagetter/index.html Các nguồn tài nguyên lấy cách sử dụng giao thức HTTPS Các nguồn tài ngun có thơng qua tên miền (DNS) “www.mona-media.com” Và đường dẫn đến tài nguyên cụ thể /project/instagetter/index.html 1.1.2 HTTP Với người thường xuyên sử dụng internet, cụm từ HTTP có lẽ trở nên quen thuộc Nó quen thuộc nhiều người thường xuyên đọc sử dụng chúng lại đến ý nghĩa cụm từ Vậy HTTP gì? HTTP chữ viết tắt HyperText Transfer Protocol (giao thức truyền tải siêu văn bản) Đây giao thức ứng dụng giao thức TCP/IP (gồm nhóm giao thức tảng cho internet) HTTP hoạt động dựa mơ hình Client – Server Trong mơ hình này, máy tính người dùng đóng vai trị làm máy khách (Client) Sau thao tác người dùng, máy khách gửi yêu cầu đến máy chủ (Server) chờ đợi câu trả lời từ máy chủ Để nói chuyện với nhau, máy chủ máy khách phải thực việc trao đổi thông qua giao thức Một giao thức sử dụng thường xuyên HTTP HTTP chữ viết tắt HyperText Transfer Protocol (giao thức truyền tải siêu văn bản) Đây giao thức ứng dụng giao thức TCP/IP (gồm nhóm giao thức tảng cho internet) Khi bạn gõ địa Web URL vào trình duyệt Web, lệnh HTTP gửi tới Web server để lệnh hướng dẫn tìm trang Web yêu cầu Trang Web sau kéo mở trình duyệt Web Nói đơn giản hơn, HTTP giao thức giúp cho việc truyền tải file từ Web server vào trình duyệt Web để người dùng xem trang Web diện trình duyệt ĐIỀU NGƯỜI DÙNG INTERNET CẦN LƯU Ý Rõ ràng việc sử dụng giao thức HTTPS giúp tăng cường khả bảo mật phòng vệ đáng kể cho người dùng internet Cũng điều này, hệ thống ngân hàng, tổ chức tín dụng… sử dụng giao thức HTTPS Website Điều hưởng ứng Google Facebook Với người dùng internet, điều mà bạn cần lưu ý truy nhập vào hệ thống toán điện tử website yêu cầu việc nhập liệu thông tin nhạy cảm người dùng nằm giao thức mà Website sử dụng Ở doanh nghiệp hệ thống toán điện tử uy tín, việc sử dụng giao thức HTTPS gần yêu cầu bắt buộc doanh nghiệp Bởi việc không sử dụng giao thức HTTPS đồng nghĩa với việc bạn phải xếp Website vào diện nghi vấn Rất có thể, trang Web giả danh nhằm lấy thông tin tài khoản bạn Để kiểm tra Website có sử dụng giao thức HTTPS hay không vô đơn giản Các bạn cần để ý đến phần link đường dẫn truy nhập vào Website mở đầu http:// hay https:// Bên cạnh đó, link đường dẫn Website có sử dụng giao thức HTTPS thường kèm với biểu tượng nhỏ hình ổ khóa Khi đưa trỏ chuột hướng vào biểu tượng này, tên đơn vị xác thực (CA) nói Đây dấu hiệu cho thấy Website mà bạn truy nhập giả mạo Chỉ rõ ràng chưa đủ cho việc đảm bảo an tồn thơng tin internet Tuy nhiên với điều này, bạn phần hiểu cách thức mà Website hoạt động có cho kinh nghiệm để tự bảo vệ thân 1.1.3 Word Wide Web World Wide Web mạng lưới nguồn thông tin cho phép ta khai thác thơng qua số cơng cụ, chương trình hoạt động giao thức mạng World Wide Web công cụ, phương tiện hay dịch vụ Internet * Lịch sử trang web World Wide web tạo vào năm 1990 CERN kỹ sư Tim Berners-Lee Ngày 30 tháng tư năm 1993, CERN thông báo World Wide web miễn phí để sử dụng cho Trước giới thiệu HTML giao thức HTTP giao thức khác FTP,… sử dụng để lấy tập tin cá nhân từ máy chủ Những giao thức cung cấp cấu trúc thư mục đơn giản mà người sử dụng chuyển chọn tập tin để tải Văn thường xuyên trình bày tập tin văn tuý mà khơng có định dạng mã hố trình xử lý định dạng * Phân loại website Có thể cơng việc cá nhân, doanh nghiệp tổ chức, thường dành riêng cho số chủ đề cụ thể mục đích Bất kỳ trang web chứa siêu liên kết vào trang web khác, đó, phân biệt trang web cá nhân, cảm nhận người sử dụng Tạm thời phân loại sau: Trang web cá nhân Trang web thương mại Trang web phủ Trang web tổ chức phi lợi nhuận Trình duyệt web Trình duyệt web phần mềm ứng dụng cho phép người sử dụng xem tương tác với văn bản, hình ảnh, đoạn phim, nhạc, trị chơi thơng tin khác trang web địa web mạng toàn cầu mạng nội Văn hình ảnh trang web chứa siêu liên kết tới trang web khác địa web địa web khác Trình duyệt web cho phép người sử dụng truy cập thông tin trang web cách nhanh chóng dễ dàng thơng qua liên kết 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 Một số trình duyệt web cho máy tính cá nhân bao gồm Internet Explorer, Mozilla Firefox, Safari, Opera, Avant Browser, Konqueror, Lynx, Google Chrome, Flock, Arachne, Epiphany, K-Meleon AOL Explorer World Wide Web, gọi tắt Web WWW, mạng lưới toàn cầu khơng gian thơng tin tồn cầu mà người truy nhập (đọc viết) qua máy tính nối với mạng Internet Thuật ngữ thường hiểu nhầm từ đồng nghĩa với thuật ngữ Internet Nhưng Web thực dịch vụ chạy Internet, chẳng hạn dịch vụ thư điện tử Web phát minh đưa vào sử dụng vào khoảng năm 1990, 1991 viện sĩ Viện Hàn lâm Anh Tim Berners-Lee Robert Cailliau (Bỉ) CERN, Geneva, Switzerland Các tài liệu World Wide Web lưu trữ hệ thống siêu văn (hypertext), đặt máy tính mạng Internet Người dùng phải sử dụng chương trình gọi trình duyệt web (web browser) để xem siêu văn Chương trình nhận thơng tin (documents) ô địa (address) người sử dụng yêu cầu (thông tin ô địa gọi tên miền (domain name)), sau chương trình tự động gửi thơng tin đến máy chủ (web server) hiển thị hình máy tính người xem Người dùng theo liên kết siêu văn (hyperlink) trang web để nối với tài liệu khác gửi thông tin phản hồi theo máy chủ trình tương tác Hoạt động truy tìm theo siêu liên kết thường gọi duyệt Web Q trình cho phép người dùng lướt trang web để lấy thông tin Tuy nhiên độ xác chứng thực thơng tin khơng đảm bảo 1.2 ngôn ngữ HTML 1.2.1 Giới thiệu * Ngôn ngữ HTML (HyperText Markup Language – ngôn ngữ siêu văn bản) loại ngôn ngữ sử dụng lập trình web Khi truy cập trang web cụ thể click vào đường link, bạn dẫn tới nhiều trang nhau, trang gọi tài liệu HTML (tập tin HTML) Một trang HTML cấu thành nhiều phần tử HTML nhỏ quy định thẻ tag Bạn phân biệt trang web viết ngôn ngữ HTML hay PHP thơng qua đường link Ở cuối trang HTML thường hay có HTML HTM Một trang HTML cấu thành nhiều phần tử HTML nhỏ quy định thẻ tag HTML ngơn ngữ lập trình web đánh giá đơn giản Mọi trang web, trình duyệt web hiển thị tốt ngơn ngữ HTML Hiện nay, phiên HTML HTML với nhiều tính tốt chất lượng so với phiên HTML Vậy, website, ngôn ngữ HTML đóng vai trị nào? HTML, theo nghĩa nó, loại ngơn ngữ đánh dấu siêu văn bản, nên chức xoay quanh yếu tố Cụ thể, HTML giúp cấu thành cấu trúc website (chia khung sườn, bố cục thành phần trang web) góp phần hỗ trợ khai báo tập tin kĩ thuật số video, nhạc, hình ảnh Ưu điểm trội mạnh HTML khả xây dựng cấu trúc làm cho website trở thành hệ thống hoàn chỉnh Ưu điểm trội nhât mạnh HTML khả xây dựng cấu trúc khiến trang web vào quy củ hệ thống hoàn chỉnh Nếu bạn mong muốn sở hữu website có cấu trúc tốt có mục đích sử dụng nhiều loại yếu tố văn bản, hỏi HTML Nhiều ý kiến cho tùy theo mục đích sử dụng mà lập trình viên hay người dùng lựa chọn ngơn ngữ lập trình riêng cho website bạn, nhiên thực chất HTML chứa yếu tố cần thiết mà dù website bạn có thuộc thể loại nào, giao tiếp với ngơn ngữ lập trình để xử lý liệu phải cần đến ngơn ngữ HTML để hiển thị nội dung cho người truy cập Nói hơn, dù website bạn xây dựng nào, nên tảng cần đến hỗ trợ HTML, dù dù nhiều Đối với lập trình viên hay nhà phát triển web, họ phải học HTML loại ngôn ngữ trước bắt tay vào thiết kế trang web 1.2.2 Cấu trúc file HTML Cấu trúc HTML 10