Xây dựng website giới thiệu và bán sản phẩm máy tính xách tay

Thông qua những website này, thôngtin về họ cũng như các công văn, thông báo, quyết định của chính phủ haycác sản phẩm, dịch vụ mới của công ty sẽ đến với những người quan tâm,đến với kh

LỜI NÓI ĐẦU

Cùng với sự phát triển không ngừng về kỹ thuật máy tính và mạng điện

tử, công nghệ thông tin cũng được những công nghệ có đẳng cấp cao và lầnlượt chinh phục hết đỉnh cao này đến đỉnh cao khác Mạng Internet là mộttrong những sản phẩm có giá trị hết sức lớn lao và ngày càng trở nên mộtcông cụ không thể thiếu, là nền tảng chính cho sự truyền tải, trao đổi thôngtin trên toàn cầu

Đối với các chính phủ và các công ty thì việc xây dựng các websiteriêng càng ngày càng trở nên cấp thiết Thông qua những website này, thôngtin về họ cũng như các công văn, thông báo, quyết định của chính phủ haycác sản phẩm, dịch vụ mới của công ty sẽ đến với những người quan tâm,đến với khách hàng của họ một cách nhanh chóng kịp thời, tránh nhữngphiền hà mà phương thức giao tiếp truyền thống thường gặp phải

Hoạt động của một siêu thị giới thiệu và bán sản phẩm máy tinh - linhkiện máy tính sẽ được mở rộng và được nhiều người biết đến nếu có mộtwebsite tốt để giới thiệu, quảng bá thương hiệu của mình Bắt nguồn từ ý

tưởng này, tôi đã thực hiện đồ án chuyên ngành của mình là “Xây dựng

Website giới thiệu và bán sản phẩm máy tính”.

Vinh, tháng 5 năm 2010 Sinh viên thực hiện: Nguyễn Danh Hiếu

CHƯƠNG I

GIỚI THIỆU

1.1 Mục đích

Công nghệ thông tin và internet trong ngày nay phát triển hết sức mạnh

mẽ và đang lan rộng trong các tầng lớp dân cư Bằng internet chúng ta thực hiện được công việc hết sức nhanh chóng và chi phí thấp hơn nhiều so với các cách thức truyền thống Chính vì điều này việc xây dựng Website nhằm giới thiệu và bán sản phẩm máy tính xách tay là một việc làm quảng bá thương hiệu kinh doanh và từ đó thu hút và mở rộng thị trường Qua trang Web khách hàng có thể tham khảo giá cả các sản phẩm theo từng nhãn hiệu riêng, đồng thời còn được biết về các tin tức trong công ty, chương trình khuyến mãi, thế mạnh kinh doanh của công ty

Website còn cung cấp dịch vụ mua hàng qua mạng để phục vụ cho nhu cầu và sở thích khách hàng, tiết kiệm được thời gian Khách hàng có thể lựa chọn sản phẩm ưa thích với các phương thức thanh toán khác nhau

1.2 Hướng xây dựng chương trình

Website được xây dựng cho những công ty chuyên kinh doanh sản phẩm máy tính xách tay Và phải thỏa mãn ba điều kiện sau:

- Nội dung hấp dẫn đầy đủ, hợp với chủ ý của việc xây dựng website

- Được sắp xếp, bố cục một cách hợp lí, tạo điều kiện cho người đọc dễ định hướng trong website

- Giao diện đẹp, dễ bắt mắt và phù hợp với nội dung

1.3 Đặc tả yêu cầu

a) Yêu cầu chức năng

- Người viếng thăm website có thể xem, tìm kiếm thông tin về sảnphẩm, tham khảo giá thành sản phẩm hiện hành có trên website

- Khách hàng có thể đăng kí thông tin cá nhân trên website và quản lýthông tin của mình (chỉnh sửa, cập nhật)

- Theo dõi tình hình liên hệ thông qua website của khách hàng để đápứng kịp thời nhu cầu của họ

- Khách hàng có thể đặt hàng qua Website

Về tổ chức lưu trữ thực hiện yêu cầu:

+ Thay đổi, thêm mới hoặc xóa bỏ thông tin, hình ảnh hoặc cập nhật

về các sản phẩm có trên website

+ Phân quyền người sử dụng, xóa thông tin khách hàng có trênwebsite

b) Yêu cầu phi chức năng

- Website phải có dung lượng không quá lớn, tốc độ xử lý nhanh

- Công việc tính toán phải thực hiện chính xác, không chấp nhận saisót

- Sử dụng mã hóa các thông tin nhạy cảm của khách hàng

- Đảm bảo an toàn dữ liệu khi chạy website trực tuyến

CH ƯƠNG II

T×m hiÓu c«ng cô x©y dùng WEBSITE

Để xây dựng một website hoàn chỉnh có nhiều cách khác nhau, có thể

sử dụng kết hợp nhiều ngôn ngữ và những phần mềm hỗ trợ xây dựng

website Về cơ bản việc thiết kế web phải biết về :

- HTML ( ngôn ngữ đánh dấu siêu văn bản )

- Web programming language ( ngôn ngữ lập trình web)

- Web Server ( máy phục vụ web)

- Database Server ( máy phục vụ cơ sở dữ liệu)

Ở đề tài này môi trường làm việc cho ứng dụng bao gồm Appserver 2.5.10 , hệ quản trị cơ sở dữ liệu MySQ , Ngôn ngữ lập trình PHP ,

Macromedia Dreamwear 8.0

Web Server ( máy phục vụ web): máy tính mà trên đó cài đặt phần

mềm phục vụ Web và có thể gọi chính phần mềm đó là Web Server Tất

cả các Web Server đều hiểu và chạy được các file *.html Tuy nhiên mỗiWeb Server lại phục vụ một số kiểu file chuyên biệt như IIS của

microsoft dành cho *.asp, *.aspx…; Apache dành cho PHP…

1.1 Giới thiệu về AppSe Apache

AppSe APACHE là một kiểu mẫu Web Server rất phổ biến Giống như Linux, PHP, MySQL nó là một dự án nguồn mở Apache tận dụng đượctính năng của third-party Bởi vì đây là nguồn mở nên bất kỳ ai có khả năngđều có thể viết chương trình mở rộng tính năng của Apache PHP hoạt động với tư cách là một phần mở rộng của Apache, và người ta gọi là một module của Apache Apache có tính ổn định và tốc độ chạy rất tốt

Trong đề tài này sử dụng phiên bản Appserver 2.5.10

AppServ.

<hình> cấu trúc thư mục sau khi cài đặt AppServ

Cấu trúc thư mục của Apache Web Server

• apache / bin - chi tiết chương trình Apache

• apache / conf - Apache tệp tin cấu hình

• apache / icons - biểu tượng Apache

• apache / logs - Đăng nhập tệp tin

• apache / module - mô đun

Cấu trúc thư mục của cơ sở dữ liệu MySQL

• mysql / bin - file thực thi chính cơ sở dữ liệu MySQL

• mysql / data - lưu trữ dữ liệu MySQL

• mysql /scripts

Cấu trúc thư mục của PHP

• php / ext - PECL PHP Extension cho PHP (tìm thấy trên PHP5)

• php / extension - mở rộng PECL PHP Extension cho PHP

• php / PEAR - PEAR Framework Components cho PHP

Cấu trúc thư mục lưu trữ tập tin của www

• www / cgi-bin - file CGI thư mục

• www / phpMyAdmin - chương trình thư mục phpMyAdmin

• www / AppServ

• www /index.php - có thể xóa file này

2.1 Khái niệm về ngôn ngữ PHP

PHP là chữ viết tắt của “Personal Home Page” do Rasmus Lerdorf tạo

ra năm 1994 Vì tính hữu dụng của nó và khả năng phát triển, PHP bắt đầu được sử dụng trong môi trường chuyên nghiệp và nó trở thành

”PHP:Hypertext Preprocessor”

Thực chất PHP là ngôn ngữ kịch bản nhúng trong HTML, nói một cách đơn giản đó là một trang HTML có nhúng mã PHP, PHP có thể được đặt rải rác trong HTML

PHP là một ngôn ngữ lập trình được kết nối chặt chẽ với máy chủ, là một công nghệ phía máy chủ (Server-Side) và không phụ thuộc vào môi trường (cross-platform) Đây là hai yếu tố rất quan trọng, thứ nhất khi nói công nghệ phía máy chủ tức là nói đến mọi thứ trong PHP đều xảy ra trên máy chủ, thứ hai chính vì tính chất không phụ thuộc môi trường cho phép PHP chạy trên hầu hết trên các hệ điều hành như Windows, Unixvà nhiều biến thể của nó Đặc biệt các mã kịch bản PHP viết trên máy chủ này sẽ làm việc bình thường trên máy chủ khác mà không cần phải chỉnh sửa hoặc chỉnh sửa rất ít

Khi một trang Web muốn được dùng ngôn ngữ PHP thì phải đáp ứng được tất cả các quá trình xử lý thông tin trong trang Web đó, sau đó đưa ra kết quả ngôn ngữ HTML

Khác với ngôn ngữ lập trình, PHP được thiết kế để chỉ thực hiện điều

gì đó sau khi một sự kiện xảy ra (ví dụ, khi người dùng gửi một biểu mẫu hoặc chuyển tới một URL)

2.2 Tại sao nên dùng PHP:

Để thiết kế Web động có rất nhiều ngôn ngữ lập trình khác nhau để lựa chọn, mặc dù cấu hình và tính năng khác nhau nhưng chúng vẫn đưa ra những kết quả giống nhau Chúng ta có thể lựa chọn cho mình một ngôn ngữ: ASP, PHP, Java, Perl và một số loại khác nữa Vậy tại sao chúng ta lại nên chọn PHP Rất đơn giản, có những lí do sau mà khi lập trình Web chúng

ta không nên bỏ qua sự lựa chọn này

PHP được sử dụng làm Web động vì nó nhanh, dễ dàng, tốt hơn so với các giải pháp khác

PHP

PHP cú khả năng thực hiện và tớch hợp chặt chẽ với hầu hết cỏc cơ sở

dữ liệu cú sẵn, tớnh linh động, bền vững và khả năng phỏt triển khụng giới hạn

Đặc biệt PHP là mã nguồn mở do đó tất cả các đặc tính trên đều miễn phí, và chính vì mã nguồn mở sẵn có nên cộng đồng các nhà phát triển Web luôn có ý thức cải tiến nó, nâng cao để khắc phục các lỗi trong các chơng trình này

PHP vừa dễ với ngời mới sử dụng vừa có thể đáp ứng mọi yêu cầu củacác lập trình viên chuyên nghiệp, với mọi ý tuởng PHP có thể đáp ứng một cách xuất sắc

Cách đây không lâu ASP vốn đợc xem là ngôn ngữ kịch bản phổ biến nhất, vậy mà bây giờ PHP đã bắt kịp ASP, bằng chứng là nó đã có mặt trên

12 triệu Website

2.3 Hoạt động của PHP

Vì PHP là ngôn ngữ của máy chủ nên mã lệnh của PHP sẽ tập trung trên máy chủ để phục vụ các trang Web theo yêu cầu của ngời dùng thông qua trình duyệt

Khi người dùng truy cập Website viết bằng PHP, máy chủ đọc mã lệnh PHP và xử lí chúng theo các hướng dẫn được mã hóa Mã lệnh PHP yêu cầu máy chủ gửi một dữ liệu thích hợp (mã lệnh HTML) đến trình duyệtWeb Trình duyệt xem nó như là một trang HTML têu chuẩn Như ta đã nói, PHP cũng chính là một trang HTML nhưng có nhúng mã PHP và có phần

mở rộng là HTML Phần mở của PHP được đặt trong thẻ mở <?php và thẻ đóng ?> Khi trình duyệt truy cập vào một trang PHP, Server sẽ đọc nội dung file PHP lên và lọc ra các đoạn mã PHP và thực thi các đoạn mã đó, lấy kết quả nhận được của đoạn mã PHP thay thế vào chỗ ban đầu của chúngtrong file PHP, cuối cùng Server trả về kết quả cuối cùng là một trang nội dung HTML về cho trình duyệt

3.1 giới thiệu về MySQL :

MySQL là ứng dụng cơ sở dữ liệu mã nguồn mở phổ biến nhất hiện nay (theo www mysql com) và được sử dụng phối hợp với PHP Trước khi làm việc với MySQL nên cần xác định các nhu cầu cho ứng dụng

MySQL là cơ sở dữ có trình giao diện trên Windows hay Linux, cho

phép người sử dụng có thể thao tác các hành động liên quan đến nó Việc

tìm hiểu từng công nghệ trước khi bắt tay vào việc viết mã kịch bản PHP, việc tích hợp hai công nghệ PHP và MySQL là một công việc cần thiết và rất quan trọng

3.2 Mục đích sử dụng cơ sở dữ liệu:

Mục đích sử dụng cơ sở dữ liệu bao gồm các chức năng như: lưu trữ (storage), truy cập (accessibility), tổ chức (organization) và xử lí

(manipulation)

 Lưu trữ: Lưu trữ trên đĩa và có thể chuyển đổi dữ liệu từ cơ sở

dữ liệu này sang cơ sở dữ liệu khác, nếu sử dụng cho quy mô nhỏ, có thể chọn cơ sở dữ liệu nhỏ như:Microsoft Exel, Microsoft Access, MySQL, Microsoft Visual FoxPro, Nếu ứng dụng có quy mô lớn, có thể chọn cơ sở dữ liệu có quy mô lớn như :Oracle, SQL Server,

 Truy cập:Truy cập dữ liệu phụ thuộc vào mục đích và yêu cầu của người sử dụng, ở mức độ mang tính cục bộ, truy cập cơ sỏ

dữ liệu ngay trong cơ sở dữ liệu với nhau, nhằm trao đổi hay xử

lí dữ liệu ngay bên trong chính nó, nhưng do mục đích và yêu cầu người dùng vượt ra ngoài cơ sở dữ liệu, nên cần có các phương thức truy cập dữ liệu giữa các cơ sở dử liệu với nhau như:Microsoft Access với SQL Server, hay SQL Server và cơ

sở dữ liệu Oracle

 Tổ chức:Tổ chức cơ sở dữ liệu phụ thuộc vào mô hình cơ sở dữ liệu, phân tích và thiết kế cơ sở dữ liệu tức là tổ chức cơ sở dữ liệu phụ thuộc vào đặc điểm riêng của từng ứng dụng Tuy nhiên khi tổ chức cơ sở dữ liệu cần phải tuân theo một số tiêu chuẩn của hệ thống cơ sở dữ liệu nhằm tăng tính tối ưu khi truy cập và xử lí

 Xử lí: Tùy vào nhu cầu tính toán và truy vấn cơ sở dữ liệu với các mục đích khác nhau, cần phải sử dụng các phát biểu truy vấn cùng các phép toán của cơ sở dữ liệu để xuất ra kết quả nhưyêu cầu Để thao tác hay xử lí dữ liệu bên trong chính cơ sở dữ

liệu ta sử dụng các ngôn ngữ lập trình như:PHP, C++, Java, Visual Basic,

3.3 Kết nối dữ liệu

Để kết nối tới 1 CSDL trên MySQL sever chỉ cần dùng hàm

mysql_connect(host, user, password) để mở 1 kết nối tới MySQL server với kết quả là giá trị về của hàm (giả sử là biến $db) Sau đó, dùng hàm

mysql_select_db(database_name,link_id) để chọn CSDL muốn kết nối Để thực hiện một câu lệnh truy vấn, dùng hàm mysql_query(query,link_ID) Giá trị trả lại của hàm là kết quả của câu truy vấn Nếu bỏ qua Link_ID thì kết nối cuối cùng tới MySQL server sẽ được thực hiện

Mysql_fetch_object: chuyển kết quả thành một đối tượng với các trường là các trường trong CSDL

IV CHƯƠNG TRÌNH MACROMEDIA DREAMWEAR 8.0

Dreamweaver là một chương trình visual Editor chuyên nghiệp để tạo vàquản lý các trang web Nó cung cấp các công cụ phác thảo trang web cao cấp, hỗ trợ các tính năng DHTML mà không cần viết dòng lệnh giúp chúng

ta thiết kế được các trang web động một cách dễ dàng, trực quan Với

Dreamweaver có thể dễ dàng nhúng các sản phẩm của các chương trình thiết

kế web khác như : flash, Fireworks, shockware,

Dreamweaver còn cho phép chỉnh sửa trực tiếp HTML Dreamweaver còn hỗ trợ các HTML Styles và Cascading Style Sheet giúp định dạng trang web nhằm tăng tính hấp dẫn khi trình duyệt các trang web này

Dreamweaver hỗ trợ rất tốt trong việc thiết kế giao diện website Khi nókết hợp với các phần mềm khác (như adobe photoshop chẳng hạn) thì việc tạo ra giao diện sẽ trở nên sinh động và đơn giản hơn rất nhiều.

Dreamweaver có thể có nhiều cách để tạo siêu liên kết đến các trang web khác hoặc các tệp tin tài liệu, hình ảnh, âm thanh, phim hoặc các

chương trình có thể tải xuống Với nó có thể chèn các hình gif và jpg vào trong trang web hoặc có thể định ảnh nền cho các trang web hoặc ảnh nền cho các lớp (Layer)

Phiên bản Dreamwear 8.0 là phiên bản mới nhất đã được cải tiến về mặt giao diện và được hỗ trợ thêm một số công cụ thiết kế

CH ƯƠNG III

PHÂN TÍCH & THIẾT KẾ HỆ THỐNG

Xây dựng Webside bán máy tính và linh kiện may tính qua mạng là đề

tài trong đó chủ yếu là xử lý quá trình bán hàng giữa công ty với khách hàng

là những người sử dụng internet Chúng ta có thể bán hàng ở đây cũng gần giống như bán hàng tại các công ty Nhưng quan trọng là khách hàng gián

tiếp mua hàng thông qua Website Vậy nhiệm vụ của chúng ta đề ra ở đây là làm thế nào để đáp ứng được đầy đủ các nhu cầu của khách hàng.

Hoạt động chính của Website bao gồm hai hoạt động chính: hoạt động của khách hàng và hoạt động của người quản trị

I.1 Hoạt động của khách hàng

 Khách hàng có thể vào Webside để tìm kiếm các sản phẩm cần mua

và đặt hàng với công ty Khách hàng có thể tìm sản phẩm mà mình cần theo hãng sản xuất, tính năng và giá cả

 Mỗi khách hàng được cung cấp một giỏ mua hàng tương ứng Khi khách hàng thêm những mặt hàng vào giỏ mua hàng của mình thì trang đăng ký sẽ xuất hiện yêu cầu khách đăng nhập Nếu đây là lần đầu tiên khách hàng tới cửa hàng thì khách hàng được yêu cầu nhập vào thông tin đăng ký Nếu khách hàng đăng ký rồi thì họ có thể truy xuất giỏ hàng của mình bằng cách nhập “user name” và “password” của khách hàng Khách hàng có thể cập nhật số lượng của sản phẩm

mà mình muốn mua, hoặc khách hàng có thể loại bỏ mặt hàng hiện có trong giỏ mua hàng của mình khi khách hàng không muốn mua nó nữa

 Khi khách hàng đã sẵn sàng hoàn thành đơn đặt hàng của mình thì cácsản phẩm mà khách hàng hiện có trong giỏ hàng của mình sẽ chuyển vào đơn đặt hàng thực hiện đặt hàng với cửa hang, giỏ của khách hàng

sẽ rỗng

1.2 Hoạt động của người quản trị

Người quản trị ngoài việc nhận thông tin từ khách hàng còn phải đưa thông tin về các loại sản phẩm mà mình bán trên internet Hoạt động của người quản trị có thể phân ra những nhiệm vụ sau:

 Hướng dẫn, giới thiệu sản phẩm : Khách hàng thường đặt câu hỏi " cửa hàng của bạn bán những loại sản phẩm máy tính nào có sản phẩm mà tôi cần không?" khi tham quan cửa hàng Phải nhanh chóng đưa khách hàng tới nơi có sản phẩm mà họ cần, đó là nhiệm vụ của nhà quản lý

 Quản lý sản phẩm : Người quản trị có thể bổ sung, loại bỏ và cập nhật sản phẩm để phù hợp với tình hình hoạt động của cửa hàng và nhu cầu thị hiếu của khách hàng

 Cung cấp giỏ mua hàng cho khách hàng : khách hàng sẽ cảm thấy thoải mái khi duyệt qua toàn bộ cửa hàng trực tuyến mà không bị gián đoạn ở bất kỳ đâu vì phải lo quyết định xem có mua một sản phẩm nào đó hay không, cho tới khi kết thúc việc mua hàng, có thể lựa chọn sản phẩm, thêm hoặc loại bỏ sản phẩm ra khỏi giỏ hàng cũng như ấn định số lượng cho mỗi sản phẩm

 Theo dõi khách hàng : sản phẩm của ai mua ? là câu hỏi đặt ra khi cùng một lúc chiều khách hàng mua sản phẩm trong cửa hàng

II PHÂN TÍCH DỮ LIỆU

2.1 Phõn tớch hệ thống về mặt chức năng

a) Biểu đồ phõn cấp chức năng:

b.Biểu đồ luồng dữ liệu:

Khách hàng Quản trị

Hệ thống

b) Biểu đồ luồng dữ liệu

Biểu đồ luồng dữ liệu là phương tiện diễn tả chức năng xử lý và việc trao đổi thông tin giữa các chức năng

Các ký hiệu được dùng trong biểu đồ:

Luồng dữ liệu : là một tuyến truyền dẫn thông tin vào hay ra một chức

Ký hiệu:

Tác nhân ngoài : một tác nhân ngoài là một thưc thể ngoài hệ thống, có trao

đổi thông tin với hệ thống

Ký hiệu :

c) Biểu đồ luồng dữ liệu mức khung cảnh:

Tên kho dữ liệu

Tên tác nhân ngoài

d) Biểu đồ dữ liệu mức đỉnh:

Kho dữ liệu Khách hàng

1

3

4 1

5

7 6

9 8

Sửa, xóa thông tin

10 11

12 13

Chú thích:

1) Đăng ký thông tin khách hàng

2) cập nhật thông tin khách hàng

3) Cập nhật thông tin về sản phẩm, tin tức của công ty

4) Khách hàng yêu cầu tìm kiếm sản phẩm

5) đáp ứng yêu cầu tìm kiếm

6) thông tin góp ý của khách hàng

7) thông tin đặt hàng, xem hóa đơn của khách hàng

8) Yêu cầu thông tin, xem, xóa đơn hàng của khách hàng

e) Biểu đồ dữ liệu mức dưới đỉnh:

* Chức năng cập nhật thông tin

Sinh viên thực hiện: Nguyễn Danh Hiếu 21

Khách hàng

Kho dữ liệu

Cập nhật thông tin khách hàng Quản trị

1