Website giới thiệu và bán sản phẩm công ty TNHH QC anh tuấn

Sơ đồ quản lý công ty: - Giám đốc: Là người điều phối tất cả các hoạt động của công ty - Phòng Dịch vụ quảng cáo: Trưởng phòng là người điều hành các hoạt động liên quan đến quảng cáo n

Lời nói đầu:

Chúng ta đã biết những năm trước khi công nghệ thông tin chưa phát triển đồng nghĩa với nó hoạt động quảng cáo của các cửa hàng, các doanh nghiệp chưa được chú trọng đơn thuần là làm thủ công, ít có sự can thiệp của máy móc, công nghệ

Ngày nay, khi công nghệ thông tin không ngừng phát triển hoạt động quảng cáo được biết đến không đơn thuần chỉ là việc gắn hình ảnh với biểu tượng, quảng cáo cần mang tới cho mỗi cá nhân, mỗi doanh nghiệp một hình ảnh riêng, một bản sắc riêng để khẳng định được thương hiệu của mình trong thị trường rất phong phú và đa dạng như hiện nay

Chính vì vậy, để đáp ứng nhu cầu trên của ngành quảng cáo em đã chọn đề tài thiết

kế website để giới thiệu và bán sản phẩm quảng cáo cho công ty TNHH quảng cáo Anh Tuấn có trụ sở tại SN 205, P Hợp Giang – TP Cao Bằng

Em xin chân thành cám ơn các bạn, các anh chị đang làm việc tại công ty TNHH quảng cáo Anh Tuấn đã cung cấp tư liệu cho em hoàn thành website này

NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN

Giáo viên hướng dẫn ký, ghi rõ họ tên

NHẬN XÉT CỦA HỘI ĐỒNG PHẢN BIỆN

Hội đồng phản biến ký, ghi rõ họ tên

Mục Lục

Lời nói đầu: 1

I Phần I: Giới thiệu đề tài 5

II Phần II: Khảo sát hệ thống và Phân tích nội dung yêu cầu 8

III Phần III: Thiết kế 10

I Thiết kế Graphic: 10

II Thiết kế sơ đồ luồng trạng thái: 12

III Thiết kế cơ sở dữ liệu: 18

- Khách hàng: Mã KH, tên KH, Địa chỉ, điện thoại, email 18

- Admin: ID, user, pass 18

- Nhân viên: Mã NV, tên NV, địa chỉ, điện thoại, email 18

- Sản phẩm: Mã SP, tên SP, Mô tả SP, hình ảnh, kích thước, đơn giá 18

- Loại sản phẩm: Mã loại, tên loại 18

- Hóa đơn: Mã HĐ, số HĐ, ngày HĐ 18

- Hóa đơn chi tiết: Mã HĐCT, số lượng, thành tiền 18

a Vẽ biểu đồ quan hệ các thực thể: 18

b Các bảng trong cơ sở dữ liệu: 19

c Các câu truy vấn cơ sở dữ liệu: Error! Bookmark not defined IV Phần IV: Lập trình và triển khai website 21

- Đầu tiên ta cài đặt phần mềm Xampp: là gói cài đặt Localhost được tích hợp các thành phần như: Apache, MYSQL, PHP… 21

- Ta dùng MYSQL tích hợp sẵn trong gói Xampp để tiến hành cài đặt cơ sở dữ liệu 21

- Đầu tiên là bảng Admin 21

- Tiếp đến là bảng Loại hàng hóa 22

- Tiếp đến là bảng Nhân viên 22

- Tiếp đến là bảng Khách hàng 22

- Tiếp đến là bảng Sản phẩm 22

- Tiếp đến là bảng Hóa đơn 22

- Tiếp đến là bảng Hóa đơn chi tiết 22

- Đây chính là các bảng của cơ sở dữ liệu 22

- Trang Header 25

- Trang leftcontent 25

- Phần hiện thị dữ liệu 25

- Phần thêm dữ liệu 26

- Phần Sửa dữ liệu 27

- Phần Xóa dữ liệu 28

- Đây là giao diện khi vào trang admin 29

- Vào trang admin 29

- Và thao tác với dữ liệu 29

- Đầu tiên là trang index.php ( trang chủ) 29

- Trang sản phẩm.php ( sản phẩm) 30

- Trang sản phẩm.php ( sản phẩm) theo loại sản phẩm 31

- Trang shoppingcart.php ( Giỏ hàng) 32

- Trang lienhe.php ( Liên hệ) 35

- Trang gioithieu.php ( Giới thiệu) 35

V- Phần V: Kết Luận 37

I Phần I: Giới thiệu đề tài

I- Giới thiệu về công ty

1 Lịch sử hình thành:

Được thành lập từ năm 2010, tiền thân là công ty quảng cáo Hải Ngân, đến nay công ty TNHH quảng cáo Anh Tuấn đã trở thành một công ty chuyên cung cấp, thiết kế,

in ấn, thi công lắp đặt biển quảng cáo, tổ chức hội nghị sự kiện hàng đầu tại Cao Bằng Với đội ngũ nhân viên trẻ, thái độ phục vụ nhiệt tùng, chu đáo công ty TNHH quảng cáo Anh Tuấn đã có những đối tác lớn như: Viettel Cao Bằng, VNPT Cao Bằng, Mobifone Cao Bằng, Ngân hàng Đầu Tư & Phát triển Cao Bằng, Sở VHTT & Du lịch Cao Bằng, công ty Du Lịch Cao Bằng và rất nhiều các doanh nghiệp trong và ngoài tỉnh

4 Lĩnh vực hoạt động:

Thiết kế, in ấn: Các mặt hàng quảng cáo như biển bạt, biển panô, biển đồng, inox, biển điện tử In ấn gia công băng zôn quảng cáo, tờ rơi, phong bì, lịch…

- Thi công, lắp đặt: Các biển bạt, biển panô, biển đồng, inox, biển điện tử Tổ chức

sự kiện, sinh nhật, cưới hỏi

- Bán và phân phối : Các sản phẩm quảng cáo như biển, bạt, panô, quà tặng… trên địa bàn Cao Bằng và các tỉnh lân cận như Hà Giang, Lạng Sơn, Bắc Kạn

II- Cơ cấu tổ chức

1 Sơ đồ quản lý công ty:

- Giám đốc: Là người điều phối tất cả các hoạt động của công ty

- Phòng Dịch vụ quảng cáo: Trưởng phòng là người điều hành các hoạt động liên quan đến quảng cáo như sản phẩm biển quảng cáo, in bạt, in decan, quà tặng…

- Phòng Tổng hợp: Trưởng phòng là người điều hành các hoạt động liên quan đến quản lý nhân viên, quản lý khách hàng

Tài Khoản Quà Tặng

Nhân viên

II Phần II: Khảo sát hệ thống và Phân tích nội dung yêu cầu

I Khảo sát hệ thống:

Sau khi tìm hiểu và làm việc với ban giám đốc công ty ta thu được:

II Phân tích yêu cầu:

Sau khi tìm hiểu và làm việc với ban giám đốc công ty ta thu được những yêu cầu sau:

01 Khách hàng Là đối tượng chính của website

- Là đối tượng tương tác với website như: Xem sản phẩm, mua sản phẩm, liên hệ với công ty

02 Trưởng phòng Là người quản trị trực tiếp website

- Lấy thông tin về sản phẩm để hiển thị lên trang website cho khách hàng xem

- Khi khách hàng đặt hàng thì cập nhật hồ sơ của khách hàng Làm hóa đơn cho khách hàng

- Giao hóa đơn cho nhân viên để nhân viên đi giao hàng hay khảo sát, thiết kế, thi công, lắp đặt cho khách hàng

STT Mã yêu cầu Loại yêu cầu Nội Dung Phương án xử lý

1 AT001 Giao diện Màu chủ đạo của website

là màu vàng và màu xanh

Bộ phận thiết kế giao diện sẽ thiết kế background là màu vàng, còn phần header và footer sẽ thiết kế màu xanh

2 AT002 Giao diện Phong cách website đơn

giản , bình dân phù hợp với đối tượng khách hàng vùng cao

Bộ phận thiết kế giao diện sẽ thiết kế một cách đơn giản nhất, rõ rang nhất để phù hợp với khách hàng

3 AT003 Chức năng Cần có một mục để giới

thiệu về công ty

Trên menu tạo một menu

là giới thiệu khi khách hàng nhấn vào thì sẽ ra một trang giới thiệu về công ty

4 AT004 Chức năng Cần có một mục hiển thị

các đối tác lớn của công

ty Qua đó cho khách hàng biết tiềm năng của công ty

Trên phần leftconttent tạo một div là đối tác chính trên đó là hình ảnh, lô gô của các đối tác chính

5 AT005 Chức năng Tạo một trang để cho

khách hàng có thể liên hệ với công ty

Trên phần menu tạo một menu tên là liên hệ khi khách hàng nhấn vào đó thì sẽ hiện ra một trang liên hệ để khách hàng có thể nhập và gửi đến cho người quản trị

6 AT006 Chức năng Website cần có một trang

quản lý để cập nhật sản phẩm, quản lý hóa đơn, quản lý khách hàng…

Tạo một trang có tên là Admin để người quản trị của công ty có thể cập nhật sản phẩm, quản lý sản phẩm, hóa đơn, khách hàng…

7 AT007 Bảo mật Chỉ người quản trị của

công ty mới có quyền truy cập vào trang admin để quản lý sản phẩm, hóa đơn, khách hàng

Tạo một trang đăng nhập

và tạo một bảng trong cơ

sở dữ liệu là Admin trong đó chứa tài khoản

và mật khẩu của người quản trị.Trước khi truy cập vào trang quản lý thì

phải qua trang đăng nhập Tài khoản và mật khẩu đúng mới vào được

8 AT008 Thời gian Website cần hoàn thành

trước ngày 24/12/2013

Lên thời gian làm việc hợp lý và hiệu quả để hoàn thành trước ngày 24/12/2013

III Phần III: Thiết kế

I Thiết kế Graphic :

1 Phác thảo sơ bộ trang web

2 .Sơ đồ trang web

Trang Chủ

Đăng ký Giỏ hàng

Sản phẩm 1

Sản phẩm 3…

4 Thiết kế Layout Thiết kế các trang bằng HTML và CSS:

- Viết mã javascript để cho trang web sinh động hơn:

II Thiết kế sơ đồ luồng trạng thái:

1 Sơ đồ tổng quát:

Mô tả Use case tổng quát

Mã Use Case : CN001

Tên Use Case: Chức năng Tổng quát

Ngày thiết kế: 24/11/2013

Đối tượng: Trưởng phòng, Khách hàng, nhân viên

Mô tả: Cho phép người dùng đăng nhập vào hệ thống

Kích hoạt: Người dùng kích chuột vào nút đăng nhập

Điều kiện: Tài khoản đã được khởi tạo trong CSDL

Hiển thị: Đăng nhập hệ thống thành công

Chức năng: 1 Trưởng phòng:

- Quản lý nhân viên

- Quản lý sản phẩm

- Quản lý tài khoản

- Quản lý hóa đơn

ra:

Nhập liệu:

1 Người dùng chưa nhập tài khoản đăng nhập

2 Người dùng chưa nhập mật khẩu đăng nhập

3 Người dùng nhập sai tài khoản đăng nhập

4 Người dùng nhập sai mật khẩu đăng nhập

2 Chức năng đăng nhập:

Use case đăng nhập

Mô tả Use case đăng nhập

Mã Use Case : CN002

Tên Use Case: Chức năng đăng nhập

Ngày thiết kế: 24/11/2013

Đối tượng: Trưởng phòng, Khách hàng, nhân viên

Mô tả: Cho phép người dùng đăng nhập vào hệ thống

Kích hoạt: Người dùng kích chuột vào nút đăng nhập

Điều kiện: Tài khoản đã được khởi tạo trong CSDL

Hiển thị: Đăng nhập hệ thống thành công

Chức năng: 1 Người dùng nhập tài khoản đăng nhập

2 Người dùng nhập mật khẩu đăng nhập

3 Người dùng kích chuột vào nút đăng nhập

4 Hệ thống kiểm tra tài khoản,mật khẩu đăng nhập và cho phép đăng nhập vào hệ thống

Trường hợp xảy

ra:

Nhập liệu:

5 Người dùng chưa nhập tài khoản đăng nhập

6 Người dùng chưa nhập mật khẩu đăng nhập

7 Người dùng nhập sai tài khoản đăng nhập

8 Người dùng nhập sai mật khẩu đăng nhập

- Sơ đồ hoạt động:

- Sơ đồ tuần tự:

3 Chức năng thêm, sửa, xóa :

Use case thêm, sửa, xóa

Mô tả Use case thêm, sửa, xóa

Mã Use Case : CN003

Tên Use Case: Chức năng thêm, sửa, xóa

Ngày thiết kế: 24/11/2013

Đối tượng: Trưởng phòng(admin)

Mô tả: Cho phép admin thêm, sửa, xóa trong CSDL

Kích hoạt: Admin kích chuột vào nút thêm, sửa, xóa

Điều kiện: Dữ liệu đã được khởi tạo trong CSDL

Hiển thị: Các dữ liệu cần quản lý

Chức năng: - Quản lý nhân viên

- Quản lý sản phẩm

- Quản lý hóa đơn

- Quản lý khách hàng

- Quản lý loại sản phẩm Trường hợp xảy

4 Chức năng Giỏ hàng :

Use case giỏ hàng

Mô tả Use case Giỏ hàng

Mã Use Case : CN004

Tên Use Case: Chức năng giỏ hàng

Ngày thiết kế: 24/11/2013

Đối tượng: Khách hàng

Mô tả: Cho phép khách hàng chọn mua sản phẩm

Kích hoạt: Khách hàng click chuột vào mua ngay, chọn sản phẩm, khách hàng có

thể mua nhiều sản phẩm khi click vào tiếp tục mua hàng và chọn thanh toán và kết thúc mua hàng

Điều kiện: Dữ liệu đã được có trong CSDL, tạo cho khách hàng Secssion để lưu

sản phẩm mà khách hàng đã chọn Hiển thị: Sản phẩm khách hàng đã chọn mua, và tổng tiền phải thanh toán

Chức năng: - Hiển thị sản phẩm khách hàng đã chọn

- Tạo secssion riêng cho mỗi khách hàng

- Sơ đồ hoạt động:

- Sơ đồ tuần tự:

5 Chức năng đăng ký tài khoản :

Use case đăng ký tài khoản

Mô tả Use case đăng ký tài khoản

Mã Use Case : CN005

Tên Use Case: Chức năng đăng ký tài khoản

Ngày thiết kế: 24/11/2013

Đối tượng: Khách hàng

Mô tả: Cho phép khách hàng đăng ký tài khoản

Điều kiện: Dữ liệu chưa có trong CSDL

Hiển thị: Tài khoản của khách hàng

Chức năng: Tạo tài khoản riêng cho khách hàng để đăng nhập vào hệ thống

III Thiết kế cơ sở dữ liệu:

Dựa vào những phân tích trên ta tiến hành tạo cơ sở dữ liệu cho trang website:

1 Xác định thực thể:

- Khách hàng: Khách hàng là đối tượng chính của website

- Admin: Là người quản lý trang web

- Nhân viên: Là người làm việc trong công ty và tiếp xúc trực tiếp tới sản phẩm

- Sản phẩm: Là đối tượng chính mà khách hàng hướng tới

- Loại sản phẩm: Để phân biệt các sản phẩm với nhau

- Hóa đơn: Để khách hàng thanh toán với công ty

- Hóa đơn chi tiết: Để cho khách hàng và công ty biết số tiền mà khách hàng đó cần thanh toán

2 Thuộc tính của thực thể:

- Khách hàng: Mã KH, tên KH, Địa chỉ, điện thoại, email

- Admin: ID, user, pass

- Nhân viên: Mã NV, tên NV, địa chỉ, điện thoại, email

- Sản phẩm: Mã SP, tên SP, Mô tả SP, hình ảnh, kích thước, đơn giá

- Loại sản phẩm: Mã loại, tên loại

- Hóa đơn: Mã HĐ, số HĐ, ngày HĐ

- Hóa đơn chi tiết: Mã HĐCT, số lượng, thành tiền

a Vẽ biểu đồ quan hệ các thực thể:

b Các bảng trong cơ sở dữ liệu:

Bảng ADmin

Bảng Loại hàng

Bảng Nhân viên

Bảng Khách hàng

Email Varchar(50) Null Email khách hàng

Bảng Sản phẩm

Bảng Hóa Đơn

Bảng Hóa đơn chi tiết

IV Phần IV: Lập trình và triển khai website

1 Cài đặt cơ sở dữ liệu:

Từ những bảng diễn giải chi tiết của cơ sở dữ liệu như trên Ta tiến hành cài đặt cơ

sở dữ liệu cho trang web:

- Đầu tiên ta cài đặt phần mềm Xampp: là gói cài đặt Localhost được tích hợp các thành phần như: Apache, MYSQL, PHP…

- Ta dùng MYSQL tích hợp sẵn trong gói Xampp để tiến hành cài đặt cơ sở dữ liệu Sau đây là các bước cài đặt cơ sở dữ liệu trong MYSQL PHP MyAdmin

 Bước 1: Tạo cơ sở dữ liệu mới

 Bước 2: Sau khi đã có cơ sở dữ liệu mới ta bắt đầu đi cài đặt các bảng choc ơ

sở dữ liệu theo những phân tích ở phần III về các thuộc tính của các bảng

- Đầu tiên là bảng Admin

- Tiếp đến là bảng Loại hàng hóa

- Tiếp đến là bảng Nhân viên

- Tiếp đến là bảng Khách hàng

- Tiếp đến là bảng Sản phẩm

- Tiếp đến là bảng Hóa đơn

- Tiếp đến là bảng Hóa đơn chi tiết

- Đây chính là các bảng của cơ sở dữ liệu

 Bước 3: Ta tiến hành thiết lập các mối quan hệ giữa các bảng theo sơ đồ quan

hệ ta đã thiết lập ở phần III

Sau khi đã tạo cơ sở dữ liệu cho trang web một cách hoàn chỉnh ta bắt đầu tiến hành lập trình cho trang website

2 Lập trình web thao tác với cơ sở dữ liệu:

Sau khi đã có template của website ở phần III và cơ sở dữ liệu ta tiến hành lập trình chúng Ở đây ta sử dụng ngôn ngữ PHP để lập trình Em sử dụng phần mềm NetBeans IDE

mysql_select_db('bienquangcao',$connect)or die('Khong the ket noi');

// Hiển thị tiếng việt trên trang PHP

mysql_query("set names utf8",$connect);

 Bước 2: Ta tạo trang login cho phần admin

Đây là code HTML

Đây là code PHP cho trang login:

Sau khi trang login đã hoàn thành ta bắt đầu làm các trang khác Trong PHP để tránh tình trạng lặp lại viết lại nhiều code HTML ta tạo những trang nhỏ sau đó đến phần nào thì ta gọi trang đó đến bằng lệnh:

hàng là tương tự

- Phần hiện thị dữ liệu

Ta sử dụng câu lệnh select để hiển thị dữ liệu:

<?php

$loaihanghoa = mysql_query('select * from loaihang ');

while ($rowloaihanghoa = mysql_fetch_array($loaihanghoa))

{

$themloaihang = "INSERT INTO `bienquangcao`.`loaihang` (`Maloaihang`,

`Tenloaihang`) VALUES ('$maloai', '$tenloai')";

if(mysql_query($themloaihang))

{

echo '<script>alert("Thêm Loại Hàng thành công!");</script>';

echo '<script>window.location = "hienloaihang.php"</script>';

$sql = "UPDATE `bienquangcao`.`loaihang` SET `tenloaihang` = '$tenloaihang'

WHERE `loaihang`.`maloaihang` = $maloaihang";

if(mysql_query($sql,$conn)){

echo '<script>alert("Sửa loại hàng thành công!");</script>';

echo '<script>window.location = "hienloaihang.php"</script>';

}

else{

echo mysql_error();

}