Đồ án tốt nghiệp phân tích thiết kế hệ thống lập TRÌNH và THIẾT kế WEB

BÁO CÁO: LẬP TRÌNH VÀ THIẾT KẾ WEB LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com I GIỚI THIỆU ĐỒ ÁN Tên đồ án Personal Solution (giải pháp cá nhân) Giới thiệu đồ án đề án mô hình theo mơ hình website giới thiệu cơng ty, dịch vụ cơng ty cung cấp dịch vụ Website cá nhân cách tự động cho thành viên Nội dung a Trang thông tin giới thiệu - Phần cho khách hàng: + Các viết giới thiệu website, giới thiệu dịch vụ, … + Liên hệ: liên hệ với quản trị website + Đăng ký, login vào trang “giải pháp cá nhân” - Phần quản trị: + Công cụ cho phép chỉnh sửa menu bên trái + Công cụ đưa thông tin giới thiệu lên website + Xem lại liên hệ mà khách hàng gửi b Trang giải pháp cá nhân LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com o Là thành viên Website có đặc quyền: Được cung cấp công cụ để lưu thông tin cá nhân, như: + Tin tức thân, gia đình, bạn bè + Các dự án tham gia trình học tập làm việc + Album hình: hình ưa thích + Lập Calendar (Các kiện): dự định, kiện ngày + Sổ địa Đối tượng phục vụ Tất người có nhu cầu II THIẾT KẾ Thiết kế vật lý - mơ hình chức LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Qu Các công c hi n Ng i dùng ng ký n tr Các công c &x Data Thêm thông tin cá nhân ng nh p Xem thông tin cá nhân Diễn giải: - Nhà quản trị thêm, sửa, xóa thơng tin, quy định website giới thiệu lên - Người dùng: a Có thể xem thơng tin chung b Có thể đăng ký làm thành viên website c Sau đăng ký đăng nhập vào “giải pháp cá nhân” LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com d Tại đây, người dùng thêm, sửa, xóa thơng tin cá nhân thân Thiết kế logic “giải pháp cá nhân” Diễn giải: Mỗi thành viên (members) quyền thêm xóa sửa - Các kiện (events) - Các dự án (projects) mà tham gia - Các tin tức (news) - Các địa để tạo thành sổ địa (addressbook) thân LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com - Tao album hình (albums) đưa hình(pictures) lên album a Bảng: members – thành viên STT Tên field Data type Ghi Username Varchar(50) Tên đăng nhập Userpass Varchar(50) Mật truy cập Fullname Varchar(255) Tên đầy đủ b Bảng: events – kiện STT Tên field Data type Ghi Event_id Autonumber Mã kiện Event_name Varchar(255) Tên kiện Event_date Date/Time Event_note Varchar(255) Ghi Ngày xảy kiện LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Username Varchar(50) Sự kiện ai? STT Tên field Data type Ghi pid Autonumber Mã án pType Varchar(255) Lọai dự án pName Varchar(225) Tên dự án pDate Date/Time Ngày bắt đầu dự án pDetail Memo Chi tiết dự án Username Varchar(50) Dự án ai? Data type Ghi c Bảng projects – dự án d Bảng addressbook – sổ địa STT Tên field LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com adID Autonumber Mã địa adName Varchar(255) Tên adAddress Varchar(225) Địa adEmail Varchar(50) Địa email adHomePhone Varchar(50) Điện thọai nhà adHandPhone Varchar(50) Điện thọai di động adVisitedNo Integer Số lần vào website Username Varchar(50) Sổ địa ai? e Bảng albums – album ảnh STT Tên field Data type Ghi Autonumber Mã album Album_id LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Album_name Varchar(255) Tên album Album_description Memo Diễn giải Album_date Date/Time Ngày tạo Username Varchar(50) Album ai? f Bảng pictures – hình ảnh STT Tên field Data type Ghi Pic_id Autonumber Mã hình ảnh Album_id Integer Album Pic_name Varchar(255) Tên hình Pic_image Varchar(50) Tên file Pic_height Varchar(10) Chiều cao LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Pic_width Varchar(10) Chiều rộng Pic_view Integer Số lần xem Pic_dated Date/Time Ngày post Pic_description Memo Diễn giải STT Tên field Data type Ghi pid Autonumber Mã án pType Varchar(255) Lọai dự án pName Varchar(225) Tên dự án pDate Date/Time g Bảng news – tin tức Ngày bắt đầu dự án LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com pDetail Memo Chi tiết dự án Username Varchar(50) Dự án ai? III VẤN ĐỀ KỸ THUẬT Môi trường Ngôn ngữ web: ASP, ASPScript, JavaScript, HTML Cơng cụ lập trình: DreamWeaver, Frontpage, Visual Interdev Công cụ đồ họa: Photoshop, Swish Web server: IIS Hệ điều hành: Window 2000 Professional Cơ sở dự liệu: Access Các kỹ thuật – hàm, phương thức - Các hàm liệu: a Tạo biến kết nối Ví dụ: Set adoCon = Server.CreateObject("ADODB.Connection") LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com b Mở kết nối tới access Ví dụ: Kết nối tới database pscompany.mdb adoCon.Open "Provider=Microsoft.Jet.OLEDB.4.0; " & _ Data Source=" & _ Server.Mappath(" \db\pscompany.mdb") &_ ";" & "Jet OLEDB:Database Password=" c Làm việc với RecordSet Ví dụ tạo recordset: Set rs = Server.CreateObject("ADODB.Recordset") Mở recordset: strSQL="SELECT * FROM addressbook WHERE adID=" & id & "" rs.Open strSQL, adoCon d Thực thi câu lệnh SQL (khơng phải câu SELECT) Ví dụ: adoCon.Execute strSQL - Kỹ thuật phân trang: a Định kích thước trang: rs.PageSize=12 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com b Lấy số phần tử trang tại: rs.AbsolutePage=clng(current) - Các hàm ngày tháng: a Ngày tại: Now() b Lấy tháng: month(ngàyNow) c Lấy năm: year(ngày) d Lấy số ngày tháng: DateDiff({ngày đầu}, {ngày cuối}, vbUseSystemDayOfWeek, vbUseSystem) e Lấy thứ tuần: Weekday(ngày, vbUseSystemDayOfWeek) ActiveX - mã nguồn mở Chương sử dụng lại số mã nguồn mở activex: - MSCAL.OCX Windows - Upload file (image) của: Duware (http://www.duware.com) IV GIỚI THIỆU WEBSITE Website giới thiệu - Trang cho khách B1: Hiển thị thông tin LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Hiển thị thông tin quản trị website đưa lên B2: Liên hệ LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com - Trang cho quản trị B1: Đăng nhập hệ thống B2: Hiệu chỉnh menu B3: Thêm, cập nhật viết LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com B4: Danh sách liên hệ: Giải pháp cá nhân a Tin tức Đăng tin: LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com b Sổ địa Danh sách trang home: Thêm vào sổ: LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com c Các dự án Thêm dự án: LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com d Album hình: Thêm album: Thêm hình: Danh sách album: LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Cập nhật hình: e Lịch Màn hình: LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Thêm kiện: Xem kiện: LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com V NHÓM THỰC HIỆN - Giới thiệu nhóm Trần Thị Huyền Trân 02HC414 Lê Đức Thanh 02HC389 - Phân công công việc: Lê Đức Thanh + Thiết kế cấu trúc + Làm Framework + Đảm nhệm phần Các dự án, Album hình, Lịch Trận Thị Huyền Trân: + Góp ý thiết kế, framework + Tin tức + Sổ địa LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com VI TÀI LIỆU THAM KHẢO - MSDN 2003 -của Micrsoft - Ebook: Programming Active Server pages – Microsoft Press - http://www.duware.com - Một số code javascript internet như: javascript.com, … PHỤ LỤC I GIỚI THIỆU ĐỒ ÁN .2 Tên đồ án 2 Giới thiệu đồ án Nội dung Đối tượng phục vụ .3 II THIẾT KẾ Thiết kế vật lý - mơ hình chức Thiết kế logic “giải pháp cá nhân” III VẤN ĐỀ KỸ THUẬT 11 Môi trường 11 Các kỹ thuật – hàm, phương thức 11 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com ActiveX - mã nguồn mở 13 IV GIỚI THIỆU WEBSITE 13 Website giới thiệu 13 Giải pháp cá nhân 16 a Tin tức 16 b Sổ địa 17 c Các dự án .18 d Album hình: 19 e Lịch .20 V NHÓM THỰC HIỆN 22 VI TÀI LIỆU THAM KHẢO .23 i LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com ... THIỆU ĐỒ ÁN .2 Tên đồ án 2 Giới thiệu đồ án Nội dung Đối tượng phục vụ .3 II THIẾT KẾ Thiết kế vật lý - mơ hình chức Thiết. ..I GIỚI THIỆU ĐỒ ÁN Tên đồ án Personal Solution (giải pháp cá nhân) Giới thiệu đồ án đề án mơ hình theo mơ hình website giới thiệu cơng ty, dịch vụ cơng ty cung cấp dịch vụ Website cá nhân... Lê Đức Thanh 02HC389 - Phân công công việc: Lê Đức Thanh + Thiết kế cấu trúc + Làm Framework + Đảm nhệm phần Các dự án, Album hình, Lịch Trận Thị Huyền Trân: + Góp ý thiết kế, framework + Tin tức