xây dựng website báo bạn đƯỜNG

WEBSITE Báo Bạn Đường TRƯỜNG ĐẠI HỌC BÁCH KHOA HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN  ĐỒ ÁN TỐT NGHIỆP CHUYÊN NGÀNH CÔNG NGHỆ THÔNG TIN Đề tài: XÂY DỰNG WEBSITE BÁO BẠN ĐƯỜNG Sinh viên thực : Nguyễn Hồng Quân Lớp : KS2 Giáo viên hướng dẫn : Thầy Trần Đình Khang Hà nội – 2006 Trang WEBSITE Báo Bạn Đường  MỤC LỤC  Phần I : Phân tích & Thiết kế Hệ thống Khảo sát trạng Các mô hình xử lý -3 a Sơ đồ ngữ cảnh -3 b Sơ đồ hệ thống c Sơ đồ phân rã chức III Sơ đồ liên kết trang Web -9 Phần II : Tìm hiểu ORACLE DATABASE 10 Tổng quan Oracle 8i 10 Cài đặt Oracle Database -10 Phần III : Công nghệ Ngôn ngữ lập trình 41 I Công nghệ 41 Giới thiệu kiến trúc lớp mô hình Client/Server -41 Active Server Pages -42 a Active Server Pages gì? 42 b Mô hình hoạt động ASP 43 Trang WEBSITE Báo Bạn Đường c Cách hoạt động ASP 45 d Cấu trúc file ASP 45 e Các tính chất ASP 45 f Các đối tượng ASP 47 g Truy xuất CSDL ASP 62 II Ngôn ngữ lập trình 68 A JAVASCRIPT 68 Cơ dùng JAVASCRIPT 68 a) Trình duyệt hỗ trợ JavaScript -68 b) Các thẻ đánh dấu (Tag) -69 Phương thức (Method) Thuộc tính (Property) JavaScript 70 Các đối tượng (Objects) 73 a) Cách tạo Object -73 b) Truy cập thuộc tính đối tượng -74 c) Xóa thuộc tính đối tượng Trang WEBSITE Báo Bạn Đường -74 d) Danh sách đối tượng -74 Các công cụ sử dụng JavaScript 79 Tìm hiểu cách truyền nhận SERVER CLIENT WEB 79 B Ngôn ngữ HTML 82 Phần VI: Giao diện Website -90 Trang Chủ 90 Trang Tin Tức 91 Trang Văn Hoá – Thể Thao 91 Trang Giáo Dục 92 Trang Pháp Luật 92 Phần IV: Hướng phát triển -93 Tài liệu tham khảo -94 Trang WEBSITE Báo Bạn Đường PHẦN I PHÂN TÍCH THIẾT KẾ HỆ THỐNG I Khảo Sát Hiện Trạng: Trong tình hình phát triển mạnh Internet, đặc biệt Web, việc xây dựng trang Web riêng cho công ty, doanh nghiệp, bệnh viện, Báo chí… điều quan trọng Thông qua Web, thông tin cá thể đến với người cách nhanh chóng, dễ dàng, đầy đủ thể bạn nơi Website Báo Bạn Đường cung cấp thông tin cho người có nhu cầu người vô tình dạo qua Đối với người có nhu cầu trực tiếp, việc tìm kiếm thông tin liên quan đến tình hình Giao thông, Pháp luật Trang WEBSITE Báo Bạn Đường ATGT nước giới cách cập nhật điều dễ dàng thực Website Báo Ngày nay, với bùng nổ thông tin nhu cầu cập nhật thông tin người ngày cao khiến nhiều tờ báo viết đáp ứng việc cập nhật thông tin tức thời Chính hệ thống mạng toàn cầu Internet lợi ích vô to lớn mang lại thực thu hút chinh phục người Tận dụng tính mạnh mẽ Internet có nhiều tờ báo biết cách kết hợp báo viết báo mạng giúp cho tin tức, kiện nước giới cập nhật liên tục đáp ứng yêu cầu người Báo Bạn Đường không nằm mục tiêu cung cấp cách nhanh thông tin lónh vực Giao thông nước giới giúp cho người hiểu rõ pháp luật ATGT Với việc phát hành báo viết chưa đáp ứng việc cập nhật thông tin cách nhanh Chính mà có thêm tờ báo mạng việc cần thiết kòp thời, đáp ứng nhu cầu cập nhật thông tin pháp luật ATGT Phạm vi đề tài  Về xử lý: • Hệ thống phục vụ cho đối tượng: BẠN ĐỌC NGƯỜI QUẢN TRỊ • Hệ thống không cho phép cập nhật thông tin qua mạng Internet/Intranet • Hệ thống cung cấp thông tin về: Giao thông Pháp luật ATGT nước giới • Ngoài lónh vực giao thông hệ thống cung cấp nhiều vấn đề lónh vực Văn hoá, Thể thao, Giáo dục  Về giao diện: • Hệ thống hình nhập liệu không cho phép thay đổi giao diện • Phía Client yêu cầu trình duyệt Internet Explorer 4.0 trở lên, Netscape… • Phía Client yêu cầu hiển thò chế độ hiển thò hình 800 x 600 pixels, chế độ điều chỉnh màu 16bit màu, với kích cỡ chữ trong trình duyệt phải font chữ tiếng Việt (Unicode) Mô tả vấn đề: Những trạng hướng giải vơí WEBSITE Báo Bạn Đường: Trang WEBSITE Báo Bạn Đường  Chúng ta nhiều thời gian cho việc đến sạp Báo, Toà Soạn để mua tờ báo nhất, thông tin cập nhật nhất, hay đọc, tra cứu thông tin theo ý muốn → cần ngồi máy tính cá nhân có kết nối mạng Internet, vào WEBSITE, đọc báo xem thông tin cách nhanh nhất, cập nhật Điều đặc biệt bạn biết thêm nhiều thông tin Pháp luật ATGT nước giới thông qua Website Báo Bạn Đường  Có thể thông tin tờ báo mà bạn mua không đáp ứng yêu cầu bạn → vào WEBSITE liên kết nhiều tờ báo với giúp bạn đọc thông tin theo nhiều cách Đặc biệt vào Website Báo Bạn đường bạn học hỏi nhiều điều bổ ích Pháp luật ATGT  Nếu bạn đọc tờ báo in mà thấy thông tin hay mà bạn cần dùng văn bạn phải đánh lại Text thông tin → Báo mạng nhanh chóng đơn giản nhiều, bạn cần Copy Paste vào văn bạn  Nếu bạn muốn học hỏi thử xem hiểu biết Pháp luật ATGT đến mức → Thật đơn giản, vào Website Báo Bạn Đường bạn có điều muốn  Nếu bạn muốn tìm hiểu tra cứu điều luật pháp luật ATGT (luật Đường bộ, Đường sắt, Đường thuỷ, Hàng không) → Hãy vào Website Báo Bạn Đường bạn dễ dàng tìm điều luật mà muốn tra cứu  Nếu bạn muốn biết xác ý nghóa biển báo giao thông (Đường bộ, Đường sắt, Đường thuỷ, Hàng không) → Website Báo Bạn Đường nơi cho bạn biết xác ý nghóa biển báo II Các mô hình xử lý a) Sơ đồ ngữ cảnh: Trang WEBSITE Báo Bạn Đường Thể cho thấy giới thực công việc,thấy cách tiếp cận loại đối tượng (mà NGƯỜI QUẢN TRỊ BẠN ĐỌC) khác BẠN ĐỌC yêu cầu NGƯỜI QUẢN TRỊ đáp ứng nhu cầu BẠN ĐỌC Tra cứu thông tin Thông tin tra cứu HỆ THỐNG WEBSITE + Tra cứu thông tinng tin tra cứu Thô Cập nhật thông tin Kết cập nhật NGƯỜI QUẢN TRỊ Trang WEBSITE Báo Bạn Đường b) Sơ đồ hệ thống: * Đối với tác nhân Người Quản Trò: Sơ đồ thể toàn công việc NGƯỜI QUẢN TRỊ, công việc gồm: Cập nhật thông tin cho trang htm (bao gồm: Trang Chủ, Tin Tức, VH – TT, Giáo Dục, Pháp Luật) Cập nhật Trang Chủ Cập nhật Tin Tức Trang chủ Tin Tức Kết cập nhật Trang Chủ Yêu cầu cập nhật Tin Tức Yêu cầu cập nhật Trang Chủ Kết cập nhật Tin Tức NGƯỜI QUẢN TRỊ Yêu cầu cập nhật VH - TT Pháp Luật Kết cập nhật VH - TT Kết cập nhật Pháp Luật Cập nhật VH - TT Yêu cầu cập nhật Giáo Dục Kết cập nhật Giáo Dục Yêu cầu cập nhật Pháp Luật Cập nhật Pháp Luật VH - TT Cập nhật Giáo Dục Giáo Dục Trang WEBSITE Báo Bạn Đường * Đối với tác nhân Bạn Đọc: Sơ đồ thể toàn nhu cầu BẠN ĐỌC, nhu cầu gồm: Tìm kiếm thông tin, tra cứu thông tin, đóng góp ý kiến Tra cứu Tin Tức Tra cứu Trang Chủ Thông tin Trang Chủ Trang Chủ Thông tin Tin Tức Kết tra cứu Trang Chủ Yêu cầu tra cứu Tin Tức Tin Tức Yêu cầu tra cứu Trang Chủ Kết tra cứu Tin Tức BẠN ĐỌC Yêu cầu tra cứu VH - TT Pháp Luật Kết tra cứu VH - TT Thông tin Pháp Luật Tra cứu VH - TT Yêu cầu tra cứu Giáo Dục Kết tra cứu Giáo Dục Kết tra cứu Pháp Luật Yêu cầu tra cứu Pháp Luật Thông tin VH - TT VH - TT Tra cứu Pháp Luật Tra cứu Giáo Dục Giáo Dục Thông tin Giáo Dục Trang 10 WEBSITE Báo Bạn Đường Ngôn ngữ HTML (HyberText Markup Language – Ngôn ngữ đánh dấu siêu văn bản): Giới thiệu sơ lược Tag đối tượng chính: Mỗi HTML sinh frame:  Frame.html chứa thẻ ….trong phần  Phần không dùng đến chứa thông tin hiển thò cho trình duyệt Web khả hiển thò frame Ví du: frame.html framed Please use I.E 3.0 B Frame1.html FrameI Trang 86 WEBSITE Báo Bạn Đường Vui lòng đánh văn  Đối tượng Frame:  Chứa mảng frame[], truy cập theo số frame[i] theo tên đối tượng frame name Thuộc tính frame object:  Frameset : Chia trang Web thành trang  Name: Tên frame (khác tên frame object)  Length: Số lượng frame object (chỉ có khai báo frameset)  Window.document.frames[i].name Ví Dụ : Cú Pháp: Thuộc tính: borderColor, className, dataFld, dataSrc, document, frameBorder, height, id, isTextEdit, lang, language, marginHeight, marginWidth, name, noResize, parentElement, parentTextEdit, scrolling, sourceIndex, src, style, tagName, title  Form Object:  Tạo giao tiếp cho với người dùng  Đặt tên cho form  Truy cập theo số mảng  Thông tin động (trong trường văn bản)  Nhận thông tin (tất trường form) Ví dụ: Cú pháp:  Table Object  Dùng Table để chứa thông tin nội dung vào table mà có cột hàng  Ta dùng element để tạo cột , hàng ô Cú pháp: Ví du:ï Heading 1 Heading 2 Row 1, Column text. Row 1, Column text. Row 2, Column text. Row 2, Column text. TD Dùng để tạo 1ô table.Các element có hàng table Vì bạn phải dùng TR element trước dùng TD.Tất thuộc tính TR TR : Tạo hàng table.Hàng có chứa hay nhiều ô TD TH TH : Dùng để tạo tiêu đề mục nhỏ hàng hay cột table.Tương tự TD nhấn mạnh văn ô kết thúc tag không bắt buộc Trang 90 WEBSITE Báo Bạn Đường chọn lựa Trang 91 WEBSITE Báo Bạn Đường  Truyền từ CLIENT đến SERVER: Đây cách chuyển đổi thông tin tác động client server Chú ý: Giá trò không điều khiển người sử dụng gởi giá trò thuộc tính trình bày form INPUT type=hidden Cú pháp: Thuộc tính: ClassName,dataFld,dataSrc, disabled, document, form, id, istextEdit, language, name, parentElement, parentTextEdit, sourceIndex, Seaticyle, tagname, type, value Trang 93 WEBSITE Báo Bạn Đường PHẦN IV GIAO DIỆN CHƯƠNG TRÌNH Trang Chủ: Trang 94 WEBSITE Báo Bạn Đường Trang Tin Tức: Trang Văn Hoá – Thể Thao: Trang 95 WEBSITE Báo Bạn Đường Trang Giáo Dục: Trang Pháp Luật: Trang 96 WEBSITE Báo Bạn Đường PHẦN V HƯỚNG PHÁT TRIỂN Trong đồ án đưa cách sơ lược Website Báo Bạn Đường, hy vọng tương lai không xa Website phong phú hơn, cụ thể có thêm nhiều tiện ích cho bạn đọc, Cập nhật điều luật: Đường Không, Đường Bộ, Đường Thuỷ, Đường Sắt Có trò chơi bổ ích Pháp Luật ATGT giải đáp thắc mắc Bạn Đọc Pháp Luật ATGT Có thêm chức đường cụ thể có đầy đủ đồ nơi đất nước Việt Nam Có thêm trang Web tiếng anh để tiện lợi cho khách nước muốn tìm hiểu Việt Nam đặc biệt muốn hiểu rõ Pháp luật ATGT Việt Nam Trang 97 WEBSITE Báo Bạn Đường  MỤC LỤC  Phần I : Phân tích & Thiết kế Hệ thống k Khảo sát trạng Các mô hình xử lý -3 c Sơ đồ ngữ cảnh -3 d Sơ đồ hệ thống c Sơ đồ phân rã chức III Sơ đồ liên kết trang Web -9 Phần II : Tìm hiểu ORACLE DATABASE 10 Tổng quan Oracle 8i 10 Cài đặt Oracle Database 10 Phần III : Công nghệ Ngôn ngữ lập trình 41 III Công nghệ 41 Giới thiệu kiến trúc lớp mô hình Client/Server 41 Active Server Pages 42 h Active Server Pages gì? 42 i Mô hình hoạt động ASP 43 j Cách hoạt động ASP 45 Trang 98 WEBSITE Báo Bạn Đường k Cấu trúc file ASP l Các tính chất ASP m Các đối tượng ASP n Truy xuất CSDL ASP IV Ngôn ngữ lập trình C JAVASCRIPT Cơ dùng JAVASCRIPT c) Trình duyệt hỗ trợ JavaScript d) Các thẻ đánh dấu (Tag) Phương thức (Method) Thuộc tính (Property) JavaScript Các đối tượng (Objects) e) Cách tạo Object f) Truy cập thuộc tính đối tượng 45 45 47 62 68 68 68 68 69 70 73 73 74 g) Xóa thuộc tính đối tượng 74 h) Danh sách đối tượng 74 Các công cụ sử dụng JavaScript 79 10.Tìm hiểu cách truyền nhận SERVER CLIENT WEB79 D Ngôn ngữ HTML 82 Phần VI: Giao diện Website 90 Trang Chủ 90 Trang Tin Tức 91 Trang Văn Hoá – Thể Thao 91 Trang Giáo Dục 92 Trang Pháp Luật 92 Phần IV: Hướng phát triển 93 Tài liệu tham khảo 94 Trang 99 WEBSITE Báo Bạn Đường TÀI LIỆU THAM KHẢO  [1] [2] [3] [4] [5] Giáo trình lý thuyết tập Java – Trần Tiến Dũng – NXB Giáo dục Giáo trình lý thuyết thực hành Oracle – Trần Tiến Dũng – NXB Giáo dục Giáo trình tự học Oracle8 – VN-Guide – NXB Thống kê Java Lập trình mạng – Nguyễn Phương Lan-Hoàng Đức Hải – NXB Giáo dục JavaScript Complete – Steven Holzner Trang 100 [...].. .WEBSITE Báo Bạn Đường c) Sơ đồ phân rã chức năng: * Cấp 1: HỆ THỐNG WEBSITE 1 TRA CỨU THÔNG TIN 2 CẬP NHẬT THÔN G TIN Trang 11 WEBSITE Báo Bạn Đường * Cấp 2: 1 TRA CỨU THÔNG TIN 1.1 1.2 Tra cứu Trang Chủ Tra cứu Tin Tức 1.2.1 Tra cứu tin trong nước 1.2.2 Tra cứu tin nước ngoài 1.2.3 1.3 1.4 1.5 Tra cứu tin các Ban ATGT Tra cứu VH - TT Tra cứu Giáo Dục Tra cứu Pháp Luật Trang 12 WEBSITE Báo... cài đặt có sẵn trên CD ROM Trang 19 WEBSITE Báo Bạn Đường  Cách cài đặt Oracle Database: Sau khi đưa đóa CD vào ổ CD-ROM thì màn hình đầu tiên hiển thò: Hình C.II.2.1 Những chức năng chính của màn hình này: • Install/Deinstalll Products : Ta sẽ cài đặt Oracle 8i • Explore CD: Tìm hiểu về CD bạn muốn cài đặt • Browse Documentation: Xem sơ lược về tài liệu Trang 20 WEBSITE Báo Bạn Đường Sau khi nhấn... lượng giá trò của thành phần cài đặt Ta nhấn Next để tiếp tục Trang 24 WEBSITE Báo Bạn Đường Hình C.II.2.8 Ta sẽ chọn phần CD-ROM để cài đặt Nhấn Next để tiếp tục Hình C.II.2.9 Màn hình này hướng dẫn ta chọn những phưong thức để bảo mật dữ liệu cho an toàn Tùy nhu cầu mà ta sẽ chọn, sau đó nhấn Next để tiếp tục cài đặt Trang 25 WEBSITE Báo Bạn Đường Hình C.II.2.10 Màn hình này hỏi ta có tạo ra dữ liệu... tạo Database Nhấn Next để tiếp tục Hình C.II.2.12 Trang 26 WEBSITE Báo Bạn Đường Ta sẽ chọn thành phần Network , thường thì sẽ là TCP/IP Ta nhấn Next để tiếp tục cài đặt Hình C.II.2.13 Oracle sẽ tóm tắt những thành phần ta đã chọn và cài đặt Sau khi xem xét kó, thì ta nhấn nút Install để cài đặt Oracle 8i đang cài đặt Hình C.II.2.14 Trang 27 WEBSITE Báo Bạn Đường Sau khi cài đặt gần xong (khoảng 99%),... nhấn Next để tiếp tục Quan Hình C.II.2.16 Trang 28 WEBSITE Báo Bạn Đường Ta sẽ đặt tên cho phần Listener name Ta nhấn Next để tiếp tục Hình C.II.2.17 Ta sẽ chọn thành phần Protocol s cho Listener Sau khi ta chọn xong thì ta nhấn Next để tiếp tục Màn hình sẽ xuất hiện Hình A.II.2.18 Ta sẽ chọn một trong 3 thành phần Sau đó nhần Next để tiếp tục Trang 29 WEBSITE Báo Bạn Đường a Hình A.II.2.19 Ta sẽ sử... Next để tiếp tục cài đặt b Hình A.II.2.20 Oracle hỏi ta cần cấu hình Listener khác không, ta sẽ chọn No Trang 30 WEBSITE Báo Bạn Đường Ta nhấn Next để tiếp tục c Hình C.II.2.21 Oracle thông báo đã cấu hình xong phần Listerner, nhấn Next để tiếp tục cấu hình phần Net8 Hình C.II.2.22 Trang 31 WEBSITE Báo Bạn Đường Oracle hỏi ta có cần cấu hình phần Naming methods không, ta sẽ chọn Nếu cần thì ta chọn dòng... đã hoàn thanh phần cài đặt Oracle 8i Trang 32 WEBSITE Báo Bạn Đường Sau đây là phần tạo Database trong Oracle 8i Cài đặt Database Ta sẽ vào Start  Program  tên Oracle ta đặt  ta chọn Database Adminitraction  Database configure Assistant Màn hình sẽ xuất hiện như sau: Hình C.II.2.25 Ta sẽ chọn phần Create a database Ta nhấn Next để tiếp tục Trang 33 WEBSITE Báo Bạn Đường Hình C.II.2.26 Có 2 loại... ta nên chọn Custom để tạo database Sau khi chọn xong ta nhấn Next để tiếp tục Trang 34 WEBSITE Báo Bạn Đường Hình C.II.2.27 Ta sẽ chọn Hybrid vì cả OLTP và DSS đều chạy trên Hybrid Ta nhấn Next để tiếp tục Hình C.II.2.28 Ta chọn số người sử dụng cho database này Sau khi chọn xong ta nhấn Next Hình C.II.2.29 Trang 35 WEBSITE Báo Bạn Đường Ta sẽ chọn kiểu Server nào để sử dụng Dedicated Server mode hay... đỡ khi ta gặp rắc rối khi cài đặt • Installed Products: Giới thiệu về sản phẩm • Next: Nhấn Next để tiếp tục cài đặt Màn hình sẽ xuất hiện: Hình C.II.2.3 File Locations – những vò trí của file Trang 21 WEBSITE Báo Bạn Đường Source… Path: phần đường dẫn nguồn khi ta cài đặt vào máy của mình (thường là ổ CD) Destination… • Name: Tên đặt cho chương trình Oracle 8I khi cài đặt • Path: Đường dẫn vào ổ cứng... cấu hình client/server phổ biến nhất • Oracle Programmer8.1.5.0 cài đặt các công cụ phát triển có giấy phép riêng và các giao diện để tạo trình ứng dụng truy cập vào cơ sở dữ liệu Oracle, bao Trang 22 WEBSITE Báo Bạn Đường gồm các precompiler, các dòch vụ mạng, phần mềm client cơ bản và tài liệu hướng dẫn Ví dụ như chọn Oracle 8i Enterprise Edition 8.1.5.0.0 chẳng hạn., sau đó ta nhấn nút Next để tiếp