xây dựng website tin tức việt nhật bằng ngôn ngữ php mysql

LỜI NÓI ĐẦU Với phát triển nhảy vọt công nghệ thông tin nay, Internet ngày giữ vai trò quan trọng lĩnh vực khoa học kĩ thuật đời sống Dĩ nhiên bạn nghe nói nhiều Internet, nói cách đơn giản, Internet tập hợp máy tính nối kết với nhau, mạng máy tính toàn cầu mà kết nối máy PC họ Với mạng Internet, tin học thật tạo nên cách mạng trao đổi thông tin lĩnh vực văn hóa, xã hội, trị, kinh tế Trong thời đại ngày nay, thời đại mà “người người làm Web, nhà nhà làm Web” việc có Website để quảng bá công ty hay Website cá nhân không điều xa xỉ Thông qua Website khách hàng tìm kiếm thông tin mà cần cách nhanh chóng hiệu Với công nghệ Word Wide Web, hay gọi Web giúp bạn đưa thông tin mong muốn lên mạng Internet cho người xem cách dễ dàng với công cụ ngôn ngữ lập trình khác Sự đời ngôn ngữ lập trình cho phép xây dựng trang Web đáp ứng yêu cầu người sử dụng PHP (Personal Home Page) kịch phía trình chủ (Server Script) cho phép xây dựng trang Web sở liệu Với nhiều ưu điểm bật mà PHP MySQL nhiều người sử dụng Với lí Nhóm chọn đề tài “Xây dựng Website Tin tức ViệtNhật” làm đề tài cho đồ án môn học Project Tuy nhiên, thời gian hạn hẹp, nỗ lực đồ án khó tránh khỏi thiếu sót Nhóm mong nhận thông cảm, lời góp ý bảo tận tình quý Thầy Cô bạn TÓM TẮT ĐỒ ÁN Với mức độ phức tạp quy mô ứng dụng, cộng thêm vấn đề thời gian đề tài “Xây dựng Website Tin tức Việt-Nhật” dừng mức tìm hiểu ngôn ngữ lập trình Web PHP & MYSQL, áp dụng xây dựng ứng dụng thực nghiệm trang Web Website với mục đích cung cấp cho khách hàng thông tin văn hóa, người Nhật Bản chương trình du học Các thông tin cập nhật thường xuyên nhanh chóng Vì vậy, hỗ trợ cho người dùng tiếp cận thông tin mà mong muốn, đưa thông tin Nhật Bản cho độc giả Do số hạn chế, nên website dừng lại chức xem tin tức gửi thông tin phản hồi Trong tương lai, hệ thống phát triển theo hướng tương tác sâu với người dùng MỤC LỤC Nội dung 3.1 Lấy yêu cầu thiết kế website 3.2 Thiết kế giao diện 3.3 Xây dựng tính website 3.4 Hoàn thiện website 3.5 Bảng mô tả yêu cầu chức hệ thống 3.6 Cây phân rã chức hệ thống 3.7 Bảng sở liệu CHƯƠNG XÂY DỰNG ỨNG DỤNG THỰC TẾ 4.1 Phân tích yêu cầu đề tài…………………………………………… 4.1.1 Tóm tắt hoạt động hệ thống mà dự án ứng dụng: 4.1.2 Phạm vi dự án ứng dụng…………………………………… 4.1.3 Đối tượng sử dụng 4.2 Yêu cầu giao diện website………………………………………… 4.2.1 Giao diện người dùng…………………………………………… 4.2.2 Giao diện người quản trị:………………………………………… 4.3 Phân tích chức hệ thống………………………………… 4.4 Biểu đồ phân tích thiết kế hệ thống………………………………… 4.4.1 Biểu đồ hoạt động………………………………………………… 4.5 Cách tổ chức liệu thiết kế chương trình cho trang Web………… 4.5.1 Sơ đồ thực thể liên kết…………………………………………… 4.6 Thiết kế giao diện……………………………………………………… 4.6.1 Giao diện trang chủ………………………………………………… 4.6.2 Giao diện Form đăng nhập………………………………………… 4.6.3 Giao diện Form liên hệ………………………………………………… CHƯƠNG INTERNET, WORLD WIDE WEB VÀ HTML 1.1 Khái niệm Internet 1.1.1 Giới thiệu chung Internet mạng máy tính toàn cầu thành lập từ năm 80 bắt nguồn từ mạng APARRNET quốc phòng Mỹ Vào mạng Internet, bạn tìm thấy nhiều tài liệu để nghiên cứu, học tập, trao đổi thư từ, đặt hàng, mua bán Một mục tiêu Internet chia sẻ thông tin người dùng nhiều lĩnh vực khác Mỗi máy tính Internet gọi host Mỗi host có khả truyền thông tới máy khác Internet Một số host nối tới mạng đường nối Dial-up (quay số) tạm thời, số khác nối đường nối mạng thật 100% (như Ethernet, Tokenring ) 1.1.2 Phân loại Các máy tính mạng chia làm nhóm Client Server - Client: Máy khách mạng, chứa chương trình Client - Server: Máy phục vụ-Máy chủ Chứa chương trình Server, tài nguyên (tập tin, tài liệu ) dùng chung cho nhiều máy khách Server trạng thái chờ yêu cầu đáp ứng yêu cầu Client - Internet Server: Là server cung cấp dịch vụ Internet Web Server, Mail Server, FPT Server… Các dịch vụ thường dùng Internet - Dịch vụ World Wide Web (gọi tắt Web) - Dịch vụ Electronic Mail (viết tắt Email) - Dịch vụ FPT Để truyền thông với máy tính khác, máy tính Internet phải hỗ trợ giao thức chung TCP/IP (Transmission Control Protocol/Internet Protocol- giao thức điều khiển truyền liệu giao thức Internet), giao thức đồng bộ, cho truyền thông điệp từ nhiều nguồn tới nhiều đích khác Ví dụ vừ lấy thư từ hộp thư, đồng thời vừa truy cập trang Web TCP đảm bảo tính an toàn liệu, IP giao thức chi phối phương thức vận chuyển liệu Internet 1.2 World Wide Web 1.2.1 Các khái niệm World Wide Web World Wide Web (WWW) hay gọi Web dịch vụ phổ biến Internet, 85% giao dịch Internet ước lượng thuộc WWW Ngày số Website giới đạt tới số khổng lồ WWW cho phép bạn truy xuất thông tin văn bản, hình ảnh, âm thanh, video toàn giới Thông qua Website, quý công ty giảm thiểu tối đa chi phí in ấn phân phát tài liệu cho khách hàng nhiều nơi 1.2.2 Cách tạo trang Web Có nhiều cách để tạo trang Web: - Có thể tạo trang Web chương trình xử lí văn - Tạo Web cách viết mã nguồn trình soạn thảo văn như: Notepad, WordPad…là chương trình soạn thảo văn có sẵn Window - Thiết kế cách dùng Web Wizard công cụ Word 97, Word 2000 - Thiết kế Web phần mềm chuyên nghiệp: FrontPage, Dreamweaver, Nescape Editor… Phần mềm chuyên nghiệp DreamWeaver giúp bạn thiết kế trang Web dễ dàng hơn, nhanh chóng hơn, phần lớn mã lệnh HTML có sẵn phần Code cho bạn Để xây dựng ứng dụng Web hoàn chỉnh có tính thương mại, bạn cần kết hợp Client Script (kịch trình khách) Server Script (kịch trình chủ) với loại sở liệu đó, chẳng hạn như: MS Access, SQL Server, MySQL, Oracle, Khi bạn muốn triển khai ứng dụng Web mạng, điều kiện cấu hình phần cứng, bạn cần có trình chủ Web thường gọi Web Server 1.2.3 Trình duyệt Web (Web Client hay Web Browser) Trình duyệt Web công cụ truy xuất liệu mạng, phần mềm giao diện trực tiếp với người sử dụng Nhiệm vụ Web Browser nhận yêu cầu người dùng, gửi yêu cầu qua mạng tới Web Server nhận liệu cần thiết từ Server để hiển thị lên hình Để sử dụng dịch vụ WWW, Client cần có chương trình duyệt Web, kết nối vào Internet thông qua ISP Các trình duyệt thông dụng là: Microsoft Internet Explorer, Mozilla Firefox Google Chrome… Trong Internet Explorer trình duyệt chuẩn cho phép trình bày nội dung Web server cung cấp, cho phép đăng kí tới Website Internet, hỗ trợ trình bày trang Web 1.2.4 Webserver Webserver: máy tính nối vào Internet chạy phần mềm thiết kế Webserver đóng vai trò chương trình xử lí nhiệm vụ xác định, tìm trang thích hợp, xử lí tổ hợp liệu, kiểm tra liệu hợp lệ Webserver nơi lưu trữ sở liệu, phần mềm đảm nhiệm vai trò Server cung cấp dịch vụ Web Webserver hỗ trợ công nghệ khác nhau: - IIS (Internet Information Service) : Hỗ trợ ASP, mở rộng hỗ trợ PHP - Apache: Hỗ trợ PHP 1.2.5 Phân loại Web 1.2.5.1 Web tĩnh Tài liệu phân phát đơn giản từ hệ thống file Server Định dạng trang web tĩnh siêu liên kết, trang định dạng Text, hình ảnh đơn giản Ưu điểm: CSDL nhỏ nên việc phân phát liệu có hiệu rõ ràng, Server đáp ứng nhu cầu Client cách nhanh chóng Ta nên sử dụng Web tĩnh không thay đổi thông tin Nhược điểm: Không đáp ứng yêu cầu phức tạp người sử dụng, không linh hoat Hoạt động trang Web tĩnh thể sau: Browser gửi yêu cầu Browser Server Server gửi trả tài liệu 1.2.5.2 Website động Về nội dung trang Web động trang Web tĩnh, thao tác với CSDL để đáp ứng nhu cầu phức tập trang Web Sau nhận yêu cầu từ Web Client, chẳng hạn truy vấn từ CSDL đặt Server, ứng dụng Internet Server truy vấn CSDL này, tạo trang HTML chứa kết truy vấn gửi trả cho người dùng Hoạt động Web động: Yêu cầu URL Form Kết nối CGI Dữ liệu trả CSDL Dữ liệu trả 1.3 HTML Trang Web kết hợp văn thẻ HTML HTML chữ viết tắt HyperText Markup Language hội đồng World Wide Web Consortium (W3C) quy định Một tập tin HTML chẳng qua tập tin bình thường, có đuôi html htm HTML giúp định dạng văn trang Web nhờ thẻ Hơn nữa, thẻ html liên kết từ cụm từ với tài liệu khác Internet Đa số thẻ HTML có dạng thẻ đóng mở Thẻ đóng dùng chung từ lệnh giống thẻ mở, thêm dấu xiên phải (/) Ngôn ngữ HTML qui định cú pháp không phân biệt chữ hoa chữ thường Ví dụ, khai báo Không có khoảng trắng định nghĩa thẻ CHƯƠNG TÌM HIỂU NGÔN NGỮ PHP 2.1 Khái niệm PHP PHP chữ viết tắt “Personal Home Page” Rasmus Lerdorf tạo năm 1994 Vì tính hữu dụng khả phát triển, PHP bắt đầu sử dụng môi trường chuyên nghiệp trở thành “PHP: Hypertext Preprocessor” Thực chất PHP ngôn ngữ kịch nhúng HTML, nói cách đơn giản trang HTML có nhúng mã PHP, PHP đặt rải rác HTML PHP ngôn ngữ lập trình kết nối chặt chẽ với máy chủ, công nghệ phía máy chủ (Server-Side) không phụ thuộc vào môi trường (cross-platform) Đây hai yếu tố quan trọng, thứ nói công nghệ phía máy chủ tức nói đến thứ PHP xảy máy chủ, thứ hai, tính chất không phụ thuộc môi trường cho phép PHP chạy hầu hết hệ điều hành Windows, Unix nhiều biến thể Đặc biệt mã kịch PHP viết máy chủ làm việc bình thường máy chủ khác mà không cần phải chỉnh sửa chỉnh sửa Khi trang Web muốn dùng ngôn ngữ PHP phải đáp ứng tất trình xử lý thông tin trang Web đó, sau đưa kết ngôn ngữ HTML Khác với ngôn ngữ lập trình, PHP thiết kế để thực điều sau kiện xảy (ví dụ, người dùng gửi biểu mẫu chuyển tới URL) 2.2 Tại nên dùng PHP Để thiết kế Web động có nhiều ngôn ngữ lập trình khác để lựa chọn, cấu hình tính khác chúng vẵn đưa kết giống Chúng ta lựa chọn cho ngôn ngữ: ASP, PHP, Java, Perl số loại khác Vậy lại nên chọn PHP Rất đơn giản, có lí sau mà lập trình Web không nên bỏ qua lựa chọn tuyệt vời PHP sử dụng làm Web động nhanh, dễ dàng, tốt so với giải pháp khác PHP có khả thực tích hợp chặt chẽ với hầu hết sở liệu có sẵn, tính linh động, bền vững khả phát triển không giới hạn Đặc biệt PHP mã nguồn mở tất đặc tính miễn phí, mã nguồn mở sẵn có nên cộng đồng nhà phát triển Web có ý thức cải tiến nó, nâng cao để khắc phục lỗi chương trình PHP vừa dễ với người sử dụng vừa đáp ứng yêu cầu lập trình viên chuyên nghiệp, ý tuởng bạn PHP đáp ứng cách xuất sắc Cách không lâu ASP vốn xem ngôn ngữ kịch phổ biến nhất, mà PHP bắt kịp ASP, chứng có mặt 12 triệu Website 2.3 Hoạt động PHP: Vì PHP ngôn ngữ máy chủ nên mã lệnh PHP tập trung máy chủ để phục vụ trang Web theo yêu cầu người dùng thông qua trình duyệt Sơ đồ hoạt động: Máy khách hàng Yêu cầu URL Máy chủ HTML Web HTML PHP 10 Gọi mã kịch • Dựa theo lĩnh vực website • Dựa theo tông màu khách hàng yêu cầu 3.3 Xây dựng tính website • Xây dựng tính website theo yêu cầu thống • Khách hàng kiểm tra tính xây dựng yêu cầu chỉnh sửa cần 3.4 Hoàn thiện website • Hoàn thiện tính chi tiết website, cập nhật nội dung • Khách hàng kiểm tratoàn tính website • Nghiệm thu sản phẩm • Bàn giao sourcode • Kết thúc hợp đồng 3.5 Bảng mô tả yêu cầu chức hệ thống TT I 12 MÔ TẢ YÊU CẦU Đăng nhập Admin đăng nhập vào hệ thống Admin thoát khỏi hệ thống Xem tin Người dùng xem tin tức trang web Admin xem tin tức trang web Người dùng Gửi thông tin phản hồi lên trang web Quản lí viết admin thêm viết admin xóa viết admin sửa viết Danh mục admin thêm danh mục admin xóa danh mục Liên hệ admin sửa thông tin liên hệ admin xóa thông tin liên hệ 3.6 Cây phân rã chức hệ thống 3.7 Bảng sở liệu category IdCat(pk) int(11) 13 aboutus IdAu(pk) int(11) Name varchar(50) Description text active int(11) Name varchar(255) news IdNews(pk) int(11) Name text Description text Picture varchar(255) DateCreat date Detail text IdCat int(11) CreateBy int(11) users IdUser int(11) username varchar(50) password varchar(50) FullName varchar(50) Address varchar(255) Phone int(11) contact IdContact( pk) int(11) varchar(5 FullName 0) varchar(5 Email 0) Phone int(11) varchar(2 Website 55) Content text DateCreate date CHƯƠNG XÂY DỰNG ỨNG DỤNG THỰC TẾ 4.1 Phân tích yêu cầu đề tài 4.1.1 Tóm tắt hoạt động hệ thống mà dự án ứng dụng: - Là Website chuyên cung cấp thông tin Nhật Bản, tư vấn du học Nhật Bản - Là Website động, thông tin cập nhật theo định kỳ - Người dùng truy cập vào Website xem, gửi phản hồi lên website 4.1.2 Phạm vi dự án ứng dụng - Dành cho đối tượng có nhu cầu 14 4.1.3 Đối tượng sử dụng Có đối tượng sử dụng người dùng nhà quản trị: * Người dùng: Qua Website, độc giả xem thông tin mà yêu thích * Nhà quản trị: Nhà quản trị có toàn quyền sử dụng cập nhật tin tức 4.2 Yêu cầu giao diện website 4.2.1 Giao diện người dùng Phải có giao diện thân thiện dễ sử dụng:  Màu sắc hài hoà làm bật hình ảnh viết, font chữ thống nhất, tiện lợi sử dụng  Giới thiệu thông tin website: Địa liên hệ ,số điện thoại liên hệ, email liên hệ  Nội dung trang web: viết nhất, thông tin chương trình du học… 4.2.2 Giao diện người quản trị: - Giao diện đơn giản, dễ quản lý liệu - Phải bảo vệ User & Password riêng Admin 4.3 Phân tích chức hệ thống Các tác nhân hệ thống gồm có: Customer Administrator  Administrator: thành viên quản trị hệ thống, có quyền chức như: tạo tài khoản, quản lý tin tức, quản trị người dùng, …  Customer: xem thông tin trang web, gửi thông tin liên hệ 15 Hình Biểu đồ Use Case 16 Các chức quản lý tin tức • Chức xoá tin tức: + Description: Giúp Admin xóa tin tức khỏi CSDL + Input: Chọn tin cần xóa + Output: Load lại danh sách tin để biết xoá thành công tin khỏi CSDL Các chức quản trị người dùng • Chức xoá với người dùng: + Description: Giúp Admin xoá người dùng + Input: Tìm User cần xoá chọn biểu tượng xoá + Process: Xoá User khỏi CSDL + Output: Load lại danh sách người dùng để xem thông tin vừa thay đổi 4.4 Biểu đồ phân tích thiết kế hệ thống 4.4.1 Biểu đồ hoạt động  Đăng nhập Hình Biểu đồ hoạt động đăng nhập vào hệ thống 17  Đăng xuất Hình Biểu đổ hoạt động thoát khỏi hệ thống 18  Xoá User Hình Biểu đồ chức xoá user 19  Thêm tin tức Hình 10 Biểu đồ chức thêm tin tức 20  Sửa tin tức Hình 11 Biểu đồ chức sửa tin tức 21  Xoá tin tức Hình 12 Biểu đồ chức xoá tin tức 22 4.5 Cách tổ chức liệu thiết kế chương trình cho trang Web Việc tổ chức liệu phải giải yêu cầu phân tích để lúc hiển thị lên trang Web có giao diện dễ nhìn, dễ dàng, hấp dẫn khách hàng Mỗi mục có mã tên để nhận biết Đối với Website này, mục tương ứng với mã mục ,mã tin, mã lien hệ, mã người dùng mã làm khóa bảng Sau số bảng sở liệu toàn sở liệu: 4.5.1 Sơ đồ thực thể liên kết Hình 24 Sơ đồ thực thể liên kết 23 4.6 Thiết kế giao diện 4.6.1 Giao diện trang chủ Hình 25 Giao diện trang chủ Trang chủ “Index.php”: Là trang chính, chứa tất mục tin tức Từ trang chủ độc giả tìm thấy thông tin cần thiết: - Thông tin đời sống, người, thông tin kinh tế trị Nhật Bản ngày từ độc giả tìm thấy thông tin cần thiết bổ ích cho - Các viết thông tin du học diễn - Bạn có thắc mắc, góp ý với công ty… 24 4.6.2 Giao diện Form đăng nhập Hình 26 Giao diện form đăng nhập Trang “login.php” trang mà Admin nhập User Pass để đăng nhập vào website, với user password admin thiết lập từ trước 4.6.3 Giao diện Form liên hệ 25 Hình 27 Giao diện form liên hệ Trang “lienhe.php” cầu nối độc giả quản trị trang web, độc giả gửi thắc mắc ý kiến tới trang web, độc giả phải nhập đầy đủ thông tin cá nhân form Giao diện trang quản trị Admin Giao diện trang quản trị Admin Đây trang quản trị dành cho người Admin trang web, cung cấp đầy đủ tính cho người quản trị như: quản lý viết, quản lý user, quản lý danh mục… 26 ... Xây dựng Website Tin tức Việt- Nhật dừng mức tìm hiểu ngôn ngữ lập trình Web PHP & MYSQL, áp dụng xây dựng ứng dụng thực nghiệm trang Web Website với mục đích cung cấp cho khách hàng thông tin. .. đồ chức xoá user 19  Thêm tin tức Hình 10 Biểu đồ chức thêm tin tức 20  Sửa tin tức Hình 11 Biểu đồ chức sửa tin tức 21  Xoá tin tức Hình 12 Biểu đồ chức xoá tin tức 22 4.5 Cách tổ chức liệu... nghĩa website cần thể • Dựa theo lĩnh vực website • Dựa theo tông màu khách hàng yêu cầu 3.3 Xây dựng tính website • Xây dựng tính website theo yêu cầu thống • Khách hàng kiểm tra tính xây dựng