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

BÁO CÁO:

LẬP TRÌNH VÀ THIẾT KẾ WEB

I. GIỚI THIỆU ĐỒ ÁN

1. Tên đồ án

Personal Solution (giải pháp cá nhân)

2. Giới thiệu đồ án

đề án được mô hình theo mô hình website giới thiệu công ty, trong đó dịch

vụ chính của công ty là cung cấp dịch vụ Website cá nhân một cách tự động

cho thành viên.

3. Nội dung

a. Trang thông tin giới thiệu

- Phần cho khách hàng:

+ Các bài 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 các bài giới thiệu lên website

+ Xem lại các 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 của Website thì sẽ có các đặc quyền:

Được cung cấp công cụ để lưu thông tin cá nhân, như:

+ Tin tức của bản thân, gia đình, bạn bè

+ Các dự án đã tham gia trong quá trình học tập và làm việc

+ Album hình: các hình ưa thích

+ Lập Calendar (Các sự kiện): các dự định, sự kiện trong ngày

+ Sổ địa chỉ

4. Đối tượng phục vụ

Tất cả mọi người có nhu cầu

II. THIẾT KẾ

1. Thiết kế vật lý - mô hình chức năng

Qu n tr

Các công

hi

c

n

c

& x

Ng

i dùng

Data

ng ký

Thêm thông

tin cá nhân

ng

p

nh

Xem thông

tin cá nhân

Diễn giải:

- Nhà quản trị sẽ thêm, sửa, xóa thông tin, quy định của website giới

thiệu lên.

- Người dùng:

a. Có thể xem những thông tin chung đó

b. Có thể đăng ký làm thành viên của website

c. Sau khi đăng ký thì có thể đăng nhập vào “giải pháp cá nhân”

d. Tại đây, người dùng có thể thêm, sửa, xóa các thông tin cá nhân

của bản thân

1. Thiết kế logic “giải pháp cá nhân”

Diễn giải: Mỗi thành viên (members) được quyền thêm xóa sửa

- Các sự kiện (events) của mình

- Các dự án (projects) mà mình tham gia

- Các tin tức (news)

- Các địa chỉ để tạo thành sổ địa chỉ (addressbook) của bản thân

- Tao các album hình (albums) và đưa hình(pictures) lên album đó

a. Bảng: members – các thành viên

STT Tên field

Data type

Ghi chú

1

2

3

Username

Userpass

Fullname

Varchar(50) Tên đăng nhập

Varchar(50) Mật khẩu truy cập

Varchar(255) Tên đầy đủ

b. Bảng: events – các sự kiện

STT Tên field

Data type

Ghi chú

1

2

3

4

Event_id

Autonumber Mã sự kiện

Varchar(255) Tên sự kiện

Event_name

Event_date

Event_note

Date/Time

Ngày xảy ra sự kiện

Varchar(255) Ghi chú

5

Username

Varchar(50) Sự kiện của ai?

c. Bảng projects – các dự án

STT Tên field

Data type

Ghi chú

1

2

3

4

5

6

pid

Autonumber Mã sự án

Varchar(255) Lọai dự án

Varchar(225) Tên dự án

pType

pName

pDate

Date/Time

Memo

Ngày bắt đầu dự án

pDetail

Username

Chi tiết về dự án

Varchar(50) Dự án của ai?

d. Bảng addressbook – sổ địa chỉ

STT Tên field

Data type

Ghi chú

1

2

3

4

5

6

7

8

adID

Autonumber Mã địa chỉ

Varchar(255) Tên

adName

adAddress

adEmail

Varchar(225) Địa chỉ

Varchar(50) Địa chỉ email

adHomePhone Varchar(50) Điện thọai nhà

adHandPhone

adVisitedNo

Username

Varchar(50) Điện thọai di động

Integer

Số lần vào website

Varchar(50) Sổ địa chỉ của ai?

e. Bảng albums – album ảnh

STT Tên field

Data type

Ghi chú

1

Album_id

Autonumber Mã album

2

3

4

5

Album_name

Varchar(255) Tên album

Album_description Memo

Diễn giải

Ngày tạo

Album_date

Username

Date/Time

Varchar(50) Album của ai?

f. Bảng pictures – hình ảnh

STT Tên field

Data type

Ghi chú

1

2

3

4

5

Pic_id

Autonumber Mã hình ảnh

Album_id

Pic_name

Pic_image

Pic_height

Integer

Album

Varchar(255) Tên hình

Varchar(50) Tên file

Varchar(10) Chiều cao

6

7

8

9

Pic_width

Pic_view

Pic_dated

Varchar(10) Chiều rộng

Integer

Số lần xem

Ngày post

Diễn giải

Date/Time

Pic_description Memo

g. Bảng news – tin tức

STT Tên field

Data type

Ghi chú

1

2

3

4

pid

Autonumber Mã sự án

Varchar(255) Lọai dự án

Varchar(225) Tên dự án

pType

pName

pDate

Date/Time

Ngày bắt đầu dự án

5

6

pDetail

Memo

Chi tiết về dự án

Username

Varchar(50) Dự án của ai?

III. VẤN ĐỀ KỸ THUẬT

1. 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

2. Các kỹ thuật cơ bản – các hàm, phương thức chính

- Các hàm về dữ 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ử của trang hiện tại:

rs.AbsolutePage=clng(current)

- Các hàm về ngày tháng:

a. Ngày hiện 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 trong tháng: DateDiff({ngày đầu}, {ngày cuối},

vbUseSystemDayOfWeek, vbUseSystem)

e. Lấy thứ trong tuần: Weekday(ngày, vbUseSystemDayOfWeek)

3. ActiveX - mã nguồn mở

Chương sử dụng lại một số mã nguồn mở và activex:

- MSCAL.OCX của Windows

- Upload file (image) của: Duware (http://www.duware.com)

IV. GIỚI THIỆU WEBSITE

1. Website giới thiệu

- Trang cho khách

B1: Hiển thị thông tin

Hiển thị thông tin do quản trị website đưa lên.

B2: Liên hệ

- 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 bài viết

B4: Danh sách các liên hệ:

2. Giải pháp cá nhân

a. Tin tức

Đăng tin:

b. Sổ địa chỉ

Danh sách ở trang home:

Thêm vào sổ:

c. Các dự án

Thêm dự án:

d. Album hình:

Thêm album:

Thêm hình:

Danh sách album:

Cập nhật hình:

e. Lịch

Màn hình:

Thêm sự kiện:

Xem sự kiện:

V. NHÓM THỰC HIỆN

- Giới thiệu nhóm

Trần Thị Huyền Trân

02HC414

02HC389

Lê Đức Thanh

- 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 chỉ

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 trên internet như: javascript.com, …

PHỤ LỤC

I. GIỚI THIỆU ĐỒ ÁN .............................................................................................2

1.

2.

3.

4.

Tên đồ án ......................................................................................................2

Giới thiệu đồ án ...........................................................................................2

Nội dung........................................................................................................2

Đối tượng phục vụ .......................................................................................3

II. THIẾT KẾ..............................................................................................................3

1.

Thiết kế vật lý - mô hình chức năng .........................................................3

Thiết kế logic “giải pháp cá nhân” ...........................................................5

III. VẤN ĐỀ KỸ THUẬT........................................................................................11

1.

2.

Môi trường..................................................................................................11

Các kỹ thuật cơ bản – các hàm, phương thức chính............................11

3.

ActiveX - mã nguồn mở............................................................................13

IV. GIỚI THIỆU WEBSITE...................................................................................13

1.

2.

Website giới thiệu......................................................................................13

Giải pháp cá nhân......................................................................................16

a. Tin tức ..........................................................................................................16

b. Sổ địa chỉ......................................................................................................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.