Báo cáolập trình và thiết kế web

TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN KHOA CÔNG NGHỆ THÔNG TIN WX BÁO CÁO LẬP TRÌNH VÀ THIẾT KẾ WEB Nhóm thự : * Lê Đức Thanh * Trần Thị Huyền Trân 02HC389 02HC414 HCM - 2005 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com PHỤ LỤC I GIỚI THIỆU ĐỒ ÁN Tên đồ án Giới thiệu đồ án 3 Nội dung Đối tượng phục vụ 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 Môi trường Các kỹ thuật – hàm, phương thức ActiveX - mã nguồn mở IV GIỚI THIỆU WEBSITE Website giới thiệu Giải pháp cá nhân 11 a Tin tức 11 b Sổ địa 11 c Các dự án 12 d Album hình: 12 e Lịch 14 V NHÓM THỰC HIỆN 16 VI TÀI LIỆU THAM KHẢO 16 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 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ản trị Các công cụ hiển thị Người dùng Đăng ký Các công cụ & xử Data Thêm thông tin Đă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” 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” LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com 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 - Tao album hình (albums) đưa hình(pictures) lên album a Bảng: members – thành viên STT Tên field Username Userpass Fullname Data type Varchar(50) Varchar(50) Varchar(255) Ghi Tên đăng nhập Mật truy cập Tên đầy đủ Data type Autonumber Varchar(255) Date/Time Varchar(255) Varchar(50) Ghi Mã kiện Tên kiện Ngày xảy kiện Ghi Sự kiện ai? b Bảng: events – kiện STT Tên field Event_id Event_name Event_date Event_note Username LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com c Bảng projects – dự án STT Tên field pid pType pName pDate pDetail Username Data type Autonumber Varchar(255) Varchar(225) Date/Time Memo Varchar(50) Ghi Mã án Lọai dự án Tên dự án Ngày bắt đầu dự án Chi tiết dự án Dự án ai? d Bảng addressbook – sổ địa STT Tên field adID adName adAddress adEmail adHomePhone adHandPhone adVisitedNo Username Data type Autonumber Varchar(255) Varchar(225) Varchar(50) Varchar(50) Varchar(50) Integer Varchar(50) Ghi Mã địa Tên Địa Địa email Điện thọai nhà Điện thọai di động Số lần vào website Sổ địa ai? e Bảng albums – album ảnh STT Tên field Album_id Album_name Album_description Album_date Username Data type Autonumber Varchar(255) Memo Date/Time Varchar(50) Ghi Mã album Tên album Diễn giải Ngày tạo Album ai? f Bảng pictures – hình ảnh STT Tên field Pic_id Album_id Pic_name Pic_image Pic_height Pic_width Pic_view Pic_dated Pic_description Data type Autonumber Integer Varchar(255) Varchar(50) Varchar(10) Varchar(10) Integer Date/Time Memo Ghi Mã hình ảnh Album Tên hình Tên file Chiều cao Chiều rộng Số lần xem Ngày post Diễn giải Data type Autonumber Ghi Mã án g Bảng news – tin tức STT Tên field pid LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com pType pName pDate pDetail Username Varchar(255) Varchar(225) Date/Time Memo Varchar(50) Lọai dự án Tên dự án Ngày bắt đầu dự án Chi tiết dự án 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") 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 b Lấy số phần tử trang tại: rs.AbsolutePage=clng(current) LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com - Các a b c d hàm ngày tháng: Ngày tại: Now() Lấy tháng: month(ngàyNow) Lấy năm: year(ngày) 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 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 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com B3: Thêm, cập nhật viết 10 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: b Sổ địa Danh sách trang home: Thêm vào sổ: 11 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com c Các dự án Thêm dự án: d Album hình: Thêm album: 12 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Thêm hình: Danh sách album: Cập nhật hình: 13 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com e Lịch Màn hình: 14 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Thêm kiện: Xem kiện: 15 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 Lê Đức Thanh 02HC414 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 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, … 16 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com ... 3 Nội dung Đối tượng phục vụ 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 ... 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ản... 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 VI TÀI