Phân tích thiết kế website cho công ty cổ phần ánh sáng xanh

Thông qua những website này, thông tin về công ty cũng như các thôngbáo, hoạt động hay các sản phẩm, dịch vụ của công ty đến với khách hàng, đến vớinhững người quan tâm một cách nhanh ch

LỜI CẢM ƠN

Trong thời đại bùng nổ của công nghệ thông tin trên toàn cầu, khi nói đếnInternet, người ta nghĩ đến tới Web Với vai trò quan trọng là đảm bảo chia sẻ thôngtin chung cho mọi người, Web hiện nay còn chứa rất nhiều những giải pháp, côngnghệ để đảm nhận được vai trò to lớn của nó trong đời sống, kinh tế, văn hóa, xãhội Bắt nguồn từ việc ứng dụng rộng rãi công nghệ thông tin, từ những ý tưởng, từnhững nhu cầu thực tại của công ty, em lựa chọn đề tài: “ Phân tích thiết kế Websitecho Công ty Cổ phần Ánh Sáng Xanh”

Sau một thời gian nghiên cứu và thực hiện khóa luận tốt nghiệp, cùng với sựđộng viên, giúp đỡ của các thầy cô, bạn bè, em đã hoàn thành bài khóa luận củamình Để hoàn thành được đề tài này, em xin gửi lời cảm ơn đến các thầy cô giáo

Khoa Hệ thống thông tin và Thương mại điện tử- Trường Đại học Thương Mại Và

đặc biệt là lời biết ơn đến cô giáo Ths Hàn Minh Phương, người đã hướng dẫn, tậntình chỉ bảo, giúp đỡ em trong suốt quá trình nghiên cứu và thực hiện đề tài khóaluận này

Em cũng xin gửi lời cảm ơn đến Ban Giám đốc và tập thể các anh chị trongCông ty Cổ phần Ánh Sáng Xanh đã cung cấp đầy đủ thông tin và tạo điều kiệngiúp em trong suốt thời gian thực tập tại công ty để em có thể nắm bắt được cáckiến thức thực tế và hoàn thành tốt khóa luận

Mặc dù đã có nhiều cố gắng, song thời gian nghiên cứu hạn hẹp và khả năngcủa bản thân còn nhiều hạn chế nên bài khóa luận không tránh được những sai sót.Kính mong các thầy, cô giáo góp ý, chỉ bảo để bài khóa luận tốt hơn

Em xin chân thành cảm ơn!

Hà Nội, ngày tháng năm

Sinh viên thực hiện Trịnh Thị Liễu

MỤC LỤC

LỜI CẢM ƠN i

MỤC LỤC ii

DANH MỤC BẢNG BIỂU iv

DANH MỤC HÌNH VẼ iv

DANH MỤC BIỂU ĐỒ v

DANH MỤC TỪ VIẾT TẮT vi

PHẦN MỞ ĐẦU 1

1.1 Lý do lựa chọn đề tài nghiên cứu 1

1.3 Đối tượng và phạm vi nghiên cứu 2

1.4 Phương pháp nghiên cứu 2

1.5 Nội dung khóa luận tốt nghiệp 3

CHƯƠNG 1: CƠ SỞ LÝ LUẬN 4

1.1 Những khái niệm cơ bản 4

1.1.1 Khái niệm chung 4

1.1.2 Các khái niệm liên quan đến thiết kế Website 5

1.2 Lý thuyết liên quan đến thiết kế Website 10

1.2.1 Các kiểu cấu trúc thiết kế website 10

1.2.2 Quy trình thiết kế một website 12

1.2.3 Các nguyên tắc thiết kế website 13

1.3 Tổng quan về tình hình nghiên cứu 14

1.3.1 Tình hình nghiên cứu trong nước 14

1.3.2 Tình hình nghiên cứu ngoài nước 15

CHƯƠNG 2: PHÂN TÍCH, ĐÁNH GIÁ THỰC TRẠNG WEBSITE CỦA CÔNG TY CỔ PHẦN ÁNH SÁNG XANH 16

2.1 Tổng quan về Công ty và tình hình hoạt động kinh doanh của Công ty Cổ phần Ánh Sáng Xanh 16

2.1.1 Quá trình thành lập 16

2.1.2 Cơ cấu tổ chức, lĩnh vực hoạt động kinh doanh 17

2.1.3 Kết quả hoạt động kinh doanh trong 3 năm gần dây 19

2.2 Phân tích, đánh giá thực trạng vấn đề nghiên cứu 19

2.2.1 Phân tích thực trạng Website của Công ty Cổ phần Ánh Sáng Xanh 19

2.2.2 Đánh giá thực trạng về Website của công ty 24

CHƯƠNG 3: PHÂN TÍCH THIẾT KẾ WEBSITE VÀ CÁC KẾT LUẬN, ĐỀ XUẤT 25

3.1 Phân tích thiết kế Website cho Công ty Cổ phần Ánh Sáng Xanh 25

3.1.1 Yêu cầu tổng thể hệ thống 25

3.1.2 Yêu cầu về chức năng, phi chức năng 26

3.1.3 Sơ đồ phân cấp chức năng 29

3.1.4 Biểu đồ luồng dữ liệu 30

3.1.5 Thiết kế cơ sở dữ liệu 32

3.1.6 Thiết kế giao diện 34

3.2 Các kết luận, đề xuất của đề tài 36

3.2.1 Các kết quả đạt được 36

3.2.2 Hạn chế của đề tài 37

3.2.3 Các đề xuất phát triển đề tài 37

KẾT LUẬN 38

TÀI LIỆU THAM KHẢO 39 PHỤ LỤC

DANH MỤC BẢNG BIỂU

Bảng 1 Bảng nhân sự của công ty 17

Bảng 2 Tình hình hoạt động kinh doanh của công ty 2 năm gần đây 19

Bảng 3 Nhu cầu, mong muốn xây dựng một Website riêng cho công ty 19

Bảng 4 Tình hình ứng dụng CNTT vào hoạt động sản xuất kinh doanh 20

Bảng 5 Lợi ích của việc xây dựng Website 21

Bảng 6 Mong muốn, yêu cầu về Website được xây dựng 22

Bảng 7 Khó khăn gặp phải nếu công ty muốn xây dựng website 22

Bảng 8 Nội dung Website của Công ty 23

DANH MỤC HÌNH VẼ Hình 1.1 Sơ đồ cấu trúc nối tiếp 10

Hình 1.2 Sơ đồ cấu trúc phân cấp 10

Hình 1.3 Sơ đồ cấu trúc ô lưới 11

Hình 1.4 Sơ đồ bộ máy của công ty 17

Hình 1.5 Sơ đồ phân cấp chức năng 29

Hình 1.6 Sơ đồ luồng dữ liệu mức 0 30

Hình 1.7 Sơ đồ luồng dữ liệu mức 1 30

Hình 1.8 Sơ đồ luồng dữ liệu mức 2 31

Hình 1.9 Sơ đồ luồng dữ liệu mức 2 31

Hình 1.10: Biểu đồ Relationship giữa các bảng 32

Hình 1.11 Giao diện trang chủ 34

Hình 1.12: Trang chỉnh sửa menu 35

Hình 1.13: Trang chỉnh sửa chức năng 35

Hình 1.14: Trang chỉnh sửa tin tức 36

Hình 1.15: Trang chỉnh sửa các hình ảnh, logo, bannner 36

DANH MỤC BIỂU ĐỒ

Biểu đồ 1 Tình hình ứng dụng CNTT vào hoạt động sản xuất kinh doanh 20 Biểu đồ 2 Lợi ích của việc xây dựng Website 21 Biểu đồ 3 Khó khăn gặp phải nếu công ty muốn xây dựng website 23

DANH MỤC TỪ VIẾT TẮT

PHẦN MỞ ĐẦU 1.1 Lý do lựa chọn đề tài nghiên cứu

Ngày nay, công nghệ thông tin đang phát triển mạnh mẽ trong cả chiều rộng

và chiều sâu Việc ứng dụng công nghệ thông tin và việc tin học hóa được xem làmột trong những yếu tố mang tính quyết định trong hoạt động của các tổ chức, cáccông ty, các cá nhân Nó đóng vai trò quan trọng, có thể tạo ra những bước đột phámạnh mẽ

Việc xây dựng các trang web để phục vụ cho các nhu cầu riêng của các tổchức, công ty thậm chí các cá nhân ngày nay không lấy gì làm xa lạ Đối với cáccông ty, doanh nghiệp thì việc xây dựng các website riêng càng ngày càng trở nêncấp thiết Thông qua những website này, thông tin về công ty cũng như các thôngbáo, hoạt động hay các sản phẩm, dịch vụ của công ty đến với khách hàng, đến vớinhững người quan tâm một cách nhanh chóng, kịp thời

Công ty CP Ánh Sáng Xanh được thành lập năm 2009, hiện nay công ty đangtrên đà phát triển, cung cấp những dự án, sản phẩm tốt nhất về cả chất lượng và sốlượng dịch vụ Bên cạnh những thành công ban đầu, công ty cũng gặp phải không ítkhó khăn do thiếu ứng dụng công nghệ thông tin Đặc biệt vấn đề cấp thiết hiện naytrong công ty là chưa có một Website riêng, một trong những cái mà hầu hết hiệngiờ công ty nào cũng có

Hiểu được vấn đề đó cũng như muốn đưa công ty phát triển hơn, em lựa chọn

đề tài: " Phân tích thiết kế Website cho Công ty CP Ánh Sáng Xanh" Website này

sẽ là nơi chứa đựng tất cả thông tin chung về công ty, thông tin các dự án, các côngtrình đã và đang thực hiện, đưa ra các sản phẩm, hàng hóa, dịch vụ mà công ty cungcấp, các hoạt động cũng như tình hình phát triển của công ty Người truy cập vàoWebsite có thể thực hiện các chức năng đọc thông tin, tìm kiếm, tìm hiểu các dự án,các sản phẩm của công ty Với đề tài này sẽ giúp công ty tiết được nhiều chi phí vàthời gian, giúp công ty được biết đến một cách rộng rãi đồng thời giúp công ty ứngdụng công nghệ thông tin và tương lai sẽ đưa thương mại điện tử vào kinh doanh

1.2 Mục tiêu nghiên cứu

 Mục tiêu tổng quát

Trình bày khái niệm, lý thuyết về website, các nguyên tắc, quy trình để thiết

kế một website Trình bày các lý thuyết liên quan đến thiết kế website

Khảo sát và đánh giá thực trạng ứng dụng website tại công ty Từ đó đưa ragiải pháp và tiến hành thiết kế, xây dựng một website phù hợp với công ty, giúpcông ty đạt được hiệu quả cao trong công tác quảng bá, truyền thông và tương lai sẽứng dụng thương mại điện tử.

- Website dễ sử dụng, dễ bảo hành, bảo trì

- Có khả năng mở rộng, tích hợp với các hệ thống khác trong tương lai

- Đảm bảo tính bảo mật

1.3 Đối tượng và phạm vi nghiên cứu

Đối tượng nghiên cứu

Đối tượng nghiên cứu của đề tài là hệ thống phần mềm của công ty Cp ÁnhSáng Xanh

Phạm vi nghiên cứu

Là một đề tài nghiên cứu khóa luận của sinh viên nên phạm vi nghiên cứu của

đề tài chỉ mang tầm vi mô, giới hạn chỉ trong một công ty và trong giới hạn khoảngthời gian ngắn Cụ thể:

Về không gian: Hệ thống phần mềm của công ty CP Ánh Sáng Xanh

Thời gian: Thời gian nghiên cứu đề tài từ 22/02/2017 đến 25/04/2017

Nguồn số liệu nghiên cứu từ năm 2014 đến cuối năm 2015

1.4 Phương pháp nghiên cứu

- Phương pháp thu nhập tài liệu

+ Điều tra trắc nghiệm: Đây là phương pháp sử dụng mẫu phiếu điều tra khảosát tại công ty

+ Điều tra trực tiếp: Trong quá trình thực tập tổng hợp tại công ty, tiến hànhphỏng vấn trực tiếp nhân viên phòng ban để thu thập thêm các thông tin cần thiết.+ Quan sát trực tiếp cơ sở hạ tầng, môi trường làm việc của công ty để nắmbắt được các nghiệp vụ quản lý nhân sự tại công ty

+ Thu thập tài liệu liên quan đến cơ sở lý luận, các lý thuyết về hệ thống thôngtin và phân tích thiết kế website từ các phương tiện truyền thông như sách, báo,internet,

- Phương pháp tổng hợp, phân tích

Khóa luận được thực hiện trên cơ sở vận dụng tổng hợp các phương pháp

nghiên cứu như phân tích, so sánh, thống kê, tổng hợp lý thuyết

+ Phương pháp so sánh, đối chiếu: Đây là phương pháp đối chiếu giữa lý luận

và thực tiễn để tìm ra và giải quyết những khó khăn thách thức còn tồn tại bên trongcông ty Qua đó giúp ta có thể đề ra hướng thiết kế hiệu quả

+ Phương pháp phân tích và tổng hợp lý thuyết: Đây là phương pháp phân tích

lý thuyết thành những bộ phận cấu thành, những mối quan hệ để nhận thức, pháthiện và khai thác những khía cạnh khác nhau của lý thuyết về website để từ đó chọnlọc những thông tin cần thiết phục vụ cho đề tài của mình

1.5 Nội dung khóa luận tốt nghiệp

Ngoài các phần như: Lời cảm ơn; Mục lục; Danh mục bảng, biểu, sơ đồ, hìnhvẽ; Danh mục từ viết tắt; thì khóa luận tốt nghiệp bao gồm:

Phần mở đầu: Tổng quan về đề tài nghiên cứu

Chương 1: Cơ sở lý luận về phân tích thiết kế website

Chương 2: Phân tích, đánh giá thực trạng ứng dụng website của Công ty Cổphần Ánh Sáng Xanh

Chương 3: Các kết luận và đề xuất

CHƯƠNG 1: CƠ SỞ LÝ LUẬN 1.1 Những khái niệm cơ bản

1.1.1 Khái niệm chung

1.1.1.1 Website là gì?

Website là một tập hợp các trang web (web pages) bao gồm văn bản, hình ảnh,video, flash v.v thường chỉ nằm trong một tên miền (domain name) hoặc tên miềnphụ (subdomain) Trang web được lưu trữ ( web hosting) trên máy chủ web (webserver) có thể truy cập thông qua Internet

Website đóng vai trò là một văn phòng hay một cửa hàng trên mạng Internet –nơi giới thiệu thông tin về doanh nghiệp, sản phẩm hoặc dịch vụ do doanh nghiệpcung cấp… Có thể coi website chính là bộ mặt của doanh nghiệp, là nơi để đón tiếp

và giao dịch với các khách hàng, đối tác trên Internet

Đặc điểm tiện lợi của website: thông tin dễ dàng cập nhập, thay đổi, người sửdụng có thể xem thông tin ngay tức khắc, ở bất kỳ nơi nào, tiết kiệm chi phí in ấn,gửi bưu điện, fax, thông tin không giới hạn ( muốn đăng bao nhiêu thông tin cũngđược, không giới hạn số lượng thông tin, hình ảnh,…) và không giới hạn phạm vikhu vực sử dụng ( toàn thế giới có thể truy cập) Website là một tập hợp một haynhiều trang web

1.1.1.2 World Wide Web (WWW)

World Wide Web là một bước tiến lớn trong quá trình tìm kiếm thông tinnhanh, đa dạng và mạnh mẽ Các server WWW khác nhau sẽ thực hiện các trìnhduyệt (browser) khác nhau [1]

WWW là một hình thức hoạt động của Internet Mạng web mới chỉ phổ biểnkhoảng chục năm trở lại đây Để có thể đọc và truyền thông tin qua mạng giải phápđưa ra là văn bản được định dạng bằng ngôn ngữ HTML và được truyền đi bănggiao thức HTTP Sau này người ta quen gọi là văn bản Web và được xem bởi trìnhduyệt (browser) Đây là phần mềm cho phép hiển thị thông tin trang web Hiện nay

có nhiều Browser hỗ trợ cho nhiều hệ thống khác nhau như Internet Explorer,Netscape Navigator

Kỹ thuật siêu văn bản tạo nên một loại hình hoạt động hấp dẫn trên Internet vàngày càng trở nên sôi động do những lợi ích thương mại mà hoạt động này tạo ra

Khối dữ liệu khổng lồ được lưu trữ dưới dạng văn bản web trên các máy chủ Nhờtrình duyệt chúng ta có thể tìm kiếm thông tin trên khắp thế giới.

1.1.2 Các khái niệm liên quan đến thiết kế Website

1.1.2.1 Các yêu cầu tối thiểu của một trang Web

Để thiết lập và đưa vào hoạt động 1 Website phải đáp ứng được tối thiểu 3 yếu

tố cơ bản là:

- Tên miền (domain): Tên miền chính là địa chỉ website Website bắt buộcphải có tên miền Tên miền có nhiều dạng như www.abc.com, www.abc.net haywww.abc.com.vn… Có những website không mua tên miền riêng mà dùng tên miềncon (sub-domain) dạng www.abc.com/xyz hay www.xzy.abc.com (xzy là tên miềncon của tên miền abc.com) Dạng tên miền con như vậy không phải tốn tiền mua màtrên nguyên tắc là website “mẹ” (tức www.abc com) có thể “mở” hàng trăm, hàngnghìn tên miền con như thế

- Web Hosting là nơi lưu trữ tất cả các trang Web, các thông tin, tư liệu, hìnhảnh của Website trên một máy chủ Internet, Web Hosting đồng thời cũng là nơidiễn ra tất cả các hoạt động giao dịch, trao đổi thông tin giữa Website với người sửdụng Internet và hỗ trợ các phần mềm Internet hoạt động

- Dịch vụ lưu trữ (hosting, hay host): Muốn những trang web được hiện lênkhi người ta truy cập vào website thì dữ liệu phải được lưu trữ trên một máy tính(máy chủ – server) luôn hoạt động và kết nối với mạng Internet, máy tính này chính

là host server Một host server có thể lưu trữ rất nhiều website cùng một lúc Nếumáy tính này có sự cố bị tắt trong một thời điểm nào đó thì lúc đó không ai truy cậpđược những website lưu trữ trên máy tính đó Tùy theo nhu cầu mà doanh nghiệp cóthể chọn mua host với dung lượng 10MB (tức chứa được tối đa 10MB dữ liệu),20MB, 50MB, 100MB hay nhiều hơn Giá hosting tùy theo cấu hình host và ngônngữ lập trình và cơ sở dữ liệu mà host hỗ trợ

1.1.2.2 Web tĩnh

Trang web tĩnh thường được xây dựng bằng các ngôn ngữ HTML, DHTML,

… Trang web tĩnh thường được sử dụng để thiết kế các trang web có nội dung ít cầnthay đổi và cập nhập Website tĩnh là website chỉ bao gồm các trang web tĩnh vàkhông có cơ sở đi kèm Website tĩnh thích hợp với cá nhân, tổ chức, doanh nghiệpvừa và nhỏ mới làm quen với môi trường Internet

dữ liệu như các trang web động.

- Thân thiện hướn với các máy tìm kiếm (search engine) : Bởi vì địa chỉURL của các html, htm,… trong trang web tĩnh khong chứa dấu chấm hỏi (?) nhưtrong web động

- Chi phí đầu tư thấp: Chi phí xây dựng website tĩnh thấp hơn nhiều so vớiwebsite động vì không phải xây dựng các cơ sở dữ liệu, lập trình phần mềm chowebsite và chi phí cho việc thuê chỗ cho cơ sở dữ liệu, chi phí yêu cầu điều hànhtương thích ( nếu có)

Nhược điểm:

- Khó khăn trong việc thay đổi và cập nhập thông tin: Muốn thay đổi và cậpnhập thông tin của trang web tĩnh bạn cần phải biết về ngôn ngữ html, sử dụng đượccác chương trình thiết kế đồ họa và thiết kế web cũng như các chương trình cậpnhập cập nhập file trên server

- Thông tin không có tính linh hoạt, không thân thiện với người dùng: Donội dung trên trang web tĩnh được thiết kế cố định nên khi nhu cầu về thông tin củangười truy cập tăng cao thì thông tin trên website tĩnh sẽ không đáp ứng được

- Khó tích hợp, nâng cấp, mở rộng: Khi muốn mở rộng, nâng cấp mộtwebsite hầu như phải làm mới lại website

1.1.2.3 Web động

Website động (Dynamic website) là website có cơ sở dữ liệu, được cung cấpcông cụ qurn lý website ( Admin Tool) Web động là thuật ngữ được dùng để chỉnhững website có cơ sở dữ liệu và được hỗ trợ bởi các phần mềm phát triển web.Với web động, thông tin hiển thị được gọi ra từ một cơ sở dữ liệu khi người dùngtruy vấn tới một trang web Trang web được gửi tới trình duyệt gồm những câu chữ,

hình ảnh, âm thanh hay những dữ liệu số hoặc ở dạng bảng hoặc ở nhiều hìnhthwusc khác nữa.

Web động thường được phát triển bằng các ngôn ngữ lập trình tiên tiến nhưPHP, ASP, ASP.NET, Java, CGI, Perl và sử dụng các cơ sở dữ liệu quan hệ mạnhnhư Access, My SQL, MS SQL, Oracle, DB2

Web động có tính tương tác với người sử dụng cao Với web động, ta hoàntoàn có thể dễ dàng quản trị nội dung và điều hành website của mình thông qua cácphần mềm hỗ trợ mà không nhất thiết cần phải có kiế thức nhất định về ngôn ngữlập trình HTMl, lập trình web

Tất cả các website thương mại điện tử, các mạng thương mại, các mạng thôngtin lớn, các website của các tổ chức, doanh nghiệp hoạt động chuyên nghiệp trênNet đều sử dụng công nghệ web động Có thể nói web động là website của giớichuyên nghiệp hoạt động trên môi trường Internet

1.1.2.4 Sự khác nhau giữa web tĩnh và web động

Website động có thêm các phần xử lý thông tin và truy xuất dữ liệu cònwebsite tĩnh thì không

Web động có đặc điểm là tính linh hoạt và có thể cập nhập thông tin thườngxuyên, quản lý các thành phần trên website dễ dàng Loạt website này thường đượcviết bằng các ngôn ngữ lập trình như PHP, ASP.NET, JSP, Perl,… quản trị cơ sở dữliệu bằng SQL hoặc MySQL,…

Web tĩnh do được viết bằng ngôn ngữ HTML theo từng trang như một cuốnsách mỏng, không có cơ sở dữ liệu và không có công cụ quản lý thông tin trênwebsite Thông thường website tĩnh được thiết kế bằng các phần mềm nhưMicrosoft Frontpage, Dreamweaver,… Đặc điểm của website tĩnh là ít thay đổi nộidung, sự thay đổi nội dung này thuuwofng liên quan đến sự thay đổi các văn bản đikèm thể hiện nội dung trên đó

Hiên nay, web động được sử dụng rộng rãi vì những ưu điểm của nó Nhưngtại sao web tĩnh vẫn còn tồn tại?

Không hẳn một một website tĩnh không có lợi thế hơn so với một websiteđộng Với web tĩnh, có thể có một giao diện được thiết kế tự do hơn Vì vậy, nhiềukhi một website tĩnh có cách trình bày đẹp mắt và cuốn hút hơn Đối với nhữngwebsite chỉ nhằm đăng tải một số ít thông tin và chúng không có nhiều thay đổi theo

thời gian thì việc dùng hình thức tĩnh là phù hợp hơn cả Ngoài ra, website tĩnh còn

có một lợi thế vô song: website tĩnh thân thiện với các cơ chế tìm kiếm ( searchengine) hơn nhiều so với website động Bởi vì địa chỉ URL của các html trong webtĩnh không chứa dấu chấm hỏi (?) như trong web động

1.1.2.5 Các khái niệm về hệ quản trị cơ sở dữ liệu Access

1.1.2.5.1 Cơ sở dữ liệu Access

Cơ sở dữ liệu Access là một đối tượng bao gồm tập hợp các bảng dữ liệu, cáckết nối giữa các bảng được thiểt kế một cách phù hợp để phục vụ lưu trữ dữ liệu chomột ứng dụng quản lý dữ liệu nào đó

Ví dụ :

CSDL Quản lý bán hàng bao gồm tập hợp các bảng dữ liệu: HANG, KHACH,HOADON, HANGBAN được kết nối với nhau một cách phù hợp, phục vụ ứngdụng quản lý việc bán hàng tại một cửa hang Sơ đồ cấu trúc CSDL này như sau:

1.1.2.5.2 Bảng cơ sở dữ liệu

Bảng cơ sở dữ liệu là một phần quan trọng nhất của CSDL Là nơi lưu trữnhững dữ liệu tác nghiệp cho ứng dụng Một cơ sở dữ liệu có thể có rất nhiều bảng,các bảng phải được thiết kế sao cho có thể lưu trữ được đầy đủ dữ liệu cần thiết,đảm bảo tối đa tình trạng gây dư thừa dữ liệu, giảm tối đa cơ sở dữ liệu trong bảngnếu có thể, đồng thời tạo môi trường làm việc thuận lợi cho việc phát triển ứngdụng cho các bước tiếp theo

Một bảng dữ liệu trên Access bao gồm các thành phần: tên bảng, các trường

dữ liệu, trường khóa, tập hợp các thuộc tính cần thiết cho môi trường dữ liệu và tậpcác bản ghi

- Tên bảng: Mỗi bảng có một tên gọi tên bảng thường được đặt sau khi tạo

xong cấu trúc của bảng, tuy nhiên cũng có thể đổi tên bảng trên của sổ database nhưđổi tên tệp dữ liệu trong Windows

- Trường dữ liệu: Mỗi cột của bảng sẽ tương ứng với một trường dữ liệu Mỗitrường dữ liệu sẽ có một tên gọi và tập hợp các thuộc tính miêu tả trường dữ liệu đó.

- Bản ghi: Mỗi dòng dữ liệu của bảng được gọi là một bản ghi Mỗi bảng cómột con trỏ bản ghi Con trỏ bản ghi đang nằm ở bàn ghi nào, người dùng có thểsửa bản ghi đó Đặc biệt bản ghi trắng cuối cùng của mỗi bảng được gọi là EOF

- Trường khoá (Primary key): Trường khoá có tác dụng phân biệt giá trị cácbản ghi trong cùng một bảng với nhau Trường khoá có thể chỉ 01 trường, cũng cóthể được tạo từ tập hợp nhiều trường (gọi bộ trường khoá)

1.1.2.5.3 Liên kết các bảng dữ liệu

Liên kết các bảng dữ liệu là một kỹ thuật trong thiết kế CSDL quan hệ Chúng

là mối liên kết giữa 2 bảng với nhau theo thiết kế cho trước để đảm bảo được mụcđích lưu trữ dữ liệu cho ứng dụng

Trong Access tồn tại 2 kiểu liên kết: liên kết 1-1 và liê n kết 1-n:

Liên kết 1-1 là: mỗi bản ghi của bảng này sẽ liên kết với duy nhất tới một bảnghi của bảng kia và ngược lại

Liên kết 1-n là: mỗi trường của bảng 1 sẽ có thể liên kết với một hoặc nhiềubản ghi của bảng nhiều (n) Ngược lại, mỗi bản ghi của bảng nhiều sẽ liên kết tớiduy nhất 1 trường của bảng 1

1.1.2.6 Phân tích thiết kế theo hướng chức năng

Đây là lối tiếp cận truyền thống của ngành Công nghệ phần mềm Theo lốitiếp cận này, chỉ quan tâm chủ yếu tới những thông tin mà hệ thống sẽ giữ gìn.Chúng ta hỏi người dùng xem họ sẽ cần những thông tin nào, rồi chúng ta thiết kếngân hàng dữ liệu để chứa những thông tin đó, cung cấp Forms để nhập thông tin và

in báo cáo để trình bày các thông tin Nói một cách khác, chúng ta tập trung vàothông tin và không mấy để ý đến những gì có thể xảy ra với những hệ thống đó vàcách hoạt động (ứng xử) của hệ thống là ra sao Đây là lối tiệm cận xoay quanh dữliệu và đã được áp dụng để tạo nên hàng ngàn hệ thống trong suốt nhiều năm trời.Phương pháp PTTK hướng chức năng (có cấu trúc) bao gồm các hoạt động:khảo sát, phân tích, thiết kế, xây dựng và cài đặt chương trình Các hoạt động này

có thể thực hiện một cách song song Công cụ quan trọng để mô hình hóa hệ thốngtheo phương pháp PTTK HT hướng chức năng là: mô hình phân rã chức năng, môhình luồng dữ liệu

Mô hình phân rã chức năng là công cụ biểu diễn việc phân rã có thứ bậc đơngiản các công việc cần thực hiện Mỗi công việc được chia ra làm các công việccon, số mức chia ra phụ thuộc vào độ phức tạp của hệ thống

Mô hình luồng dữ liệu là một công cụ mô tả mối quan hệ thông tin giữa cáccông việc Mô hình luồng dữ liệu cho ta cái nhìn đầy đủ hơn về các mặt hoạt độngcủa hệ thống.

1.2 Lý thuyết liên quan đến thiết kế Website

1.2.1 Các kiểu cấu trúc thiết kế website

 Cấu trúc nối tiếp (Sequance):

Hình 1.1 Sơ đồ cấu trúc nối tiếp

Cấu trúc nối tiếp hiển thị thông tin một cách tuàn tự, tiếp nối nhau như mộtbản tường thuật, theo thời gian

Ưu điểm: Thông tin được hệ thống một cách tuần tự, độc giả dễ tiếp cận

Nhược điểm: Chỉ thích hợp với các website nhỏ, chuỗi thông tin càng dài sẽcàng trở nên phức tạp và khó hiểu

 Cấu trúc phân cấp (Hierarchy):

Hình 1.2 Sơ đồ cấu trúc phân cấp

Cấu trúc phân cấp là một trong những cách tốt nhất để tổ chức các khối thôngtin phức hợp Cấu trúc phân cấp đặc biệt thích hợp cho các website luôn được thựchiện rẽ nhánh như một trang chủ duy nhất

 Cấu trúc ô lưới (Grid):

- Các sơ đồ tổng quát có thể rất hữu ích đối với các site kiểu lưới

Nhược điểm: Khó hiểu với độc giả khi độc giả chưa xác định được mối liênquan giữa các loại thông tin

- Các khối thông tin dễ phát triển thành một mớ hỗn độn, lộn xộn

- Nhắm vào các độc giả chuyên nghiệp tìm kiếm những kiến thức chuyênsâu

1.2.2 Quy trình thiết kế một website

Phân tích yêu cầu, mục đích:

Trước khi xây dựng một website, chúng ta cần phải:

- Xác định đối tượng độc giả của website

- Xác định mục đích của website

- Thiết lập các chủ đề chính của website

- Thiết lập các khối thông tin chủ yếu mà website cung cấp

Xác định nguồn tài nguyên về nội dung, hình ảnh, thông tin mà chúng ta cầnđến để tạo nền website phù hợp với mục đích được đề ra- đó là nguồn thông tin sẽduy trì cho website hoạt động

Thiết kế giao diện

Giao diện người dùng đồ họa (GUI) của hệ thống, cộng thêm các tương tác ẩn

dụ, hình ảnh và các quan niệm được sử dụng để chuyển tải mọi tính năng, thông tinlên màn hình, tạo nên nét đặc trưng “nhìn thấy và vảm nhận” của các trang web.Không thể tách rời thiết kế đồ họa với thiết kế giao diện

Khi thiết kế giao diện cần chú ý:

- Thiết kế giiao diện hướng người sử dụng Mục tiêu giúp người sử dụng tựđiều khiển được máy tính của họ, không được đặt bất cứ cản trở nào cho người sửdụng

- Cho phép truy nhập trực tiếp Mục đích là cung cấp cho độc giả thông tin

họ cần với ít bước nhất và với thời gian ngắn nhất Cần thiết kế cấu trúc thông tinhiệu quả nhất, giảm tối đa các bước qua hệ thống menu

- Dải thông và ảnh hưởng: Tốc độ truy nhập mạng của Web càng nhanhcàng tốt

- Đơn giản và nhất quán: Các biểu tượng nên đơn giản, quen thuộc, dễ hiểuvới độc giả Thiết kế trang web một cách nhất quán, tất cả đều sử dụng chung mộtkiểu đồ họa, phong cách biên tập và mô hình tổ chức

- Tính ổn định thiết kế: Giữ các thành phần trong website làm việc ổn định

- Phản hồi và đối thoại: Là bước chuẩn bị cho việc trả lời, đáp ứng các đòihỏi, góp ý của độc giả

- Tương thích với các trình duyệt khác nhau

- Điều khiển: Các điều khiển đồ họa và liên kết tương tác trong trang web sẽthu hút sự chú ý của độ giả

- Tạo ngữ cảnh

- Liên kết cố định và tương đối

Thiết kế nội dung

Các phần nội dung cơ bản trong một website:

- Trang chủ ( Home page)

- Trang liên kết (Contact us)

- Trang thông tin giới thiệu về doanh nghiệp ( About us)

- Trang giới thiệu về sản phẩm, dịch vụ

- Trang hướng dẫn hoặc chính sách

Một số chức năng thường gặp của website: Diễn đàn, đăng ký nhận bản tin,thông báo, tin tức mới, download miễn phí, giỏ mua hàng,…

1.2.3 Các nguyên tắc thiết kế website

1.2.3.1 Các nguyên tắc chung

- Tổ chức website chặt chẽ và dễ sử dụng

- Sử dụng từ ngữ dễ hiểu

- Dễ dàng khám phá các đường link

- Thời gian tải về nhanh

- Nội dung không có hình ảnh

- Dễ theo dõi “quá trình bán hàng”

- Tương thích với đa số trình duyệt web

- Một số vấn đề quan trọng khác khi thiết kế website

1.2.3.2 Nguyên tắc phân bổ thông tin

a Khái quát

Tại sao cần phải chia nhỏ các khối thông tin lớn?

Con người có giới hạn trong việc lưu giữ và nhớ lại thông tin Các nhà tâm lýhọc nhận thức: đại đa số chúng ta chỉ có thể lưu giữ khoảng 4 đến 7 mẫu thông tinrời rạc trong một khoảng thời gian ngắn

Việc phân bổ thông tin giúp ghi nhớ dễ hơn bằng việc sử dụng kết hợp giữathiết kế đồ họa, quy ước lớp và biên tập thông tin thành các đơn vị riêng rẽ Thực tếvới độc giả các tin ngắn gọn, riêng biệt sẽ chức năng hóa hơn và dễ định vị hơn8khối thông tin dài

b Các bước tổ chức thông tin

- Phân chia thông tin thành các đơn vị logic

- Thiết lập hệ thống phân cấp thông tin

- Tạo mối quan hệ giữa các hệ thống phân cấp thông tin

- Phân tích sự thành công về chức năng và thẩm mỹ của hệ thống thông tin

1.2.3.3 Nguyên tắc sử dụng hiệu ứng

a Các nguyên tắc nghệ thuật

- Tính đồng nhất về mặt hình ảnh: Không có tính đồng nhất về hình ảnh, chỉ

có tính đồng nhất về mặt trí tuệ

- Phá vỡ các quy tắc thiết kế - sự cân bằng

- Cung cấp một tiêu điểm

b Các nguyên tắc sử dụng hình ảnh, đồ họa, text

Nên kết hợp giữa đồ họa và văn bản, điều chỉnh kích cỡ sao cho hợp lý

c Sử dụng lưới

d Kết hợp tất cả

1.3 Tổng quan về tình hình nghiên cứu

1.3.1 Tình hình nghiên cứu trong nước

Xây dựng một website trong mỗi doanh nghiệp là một vấn đề có vai trò vôcùng quan trọng trong hoạt động sản xuất kinh doanh của doanh nghiệp Nhận thấytầm quan trọng đó nên đã có rất nhiều công trình nghiên cứu tới vấn đề này Sauđây là một số công trình nghiên cứu liên quan:

Luận văn tốt nghiệp với đề tài: “Tìm hiểu JSP(Java Server Pages), thiết kế

và thực hiện Website quảng cáo cho công ty SEEN” của sinh viên Nguyễn VănLợi, Khoa Công nghê thông tin, Trường Đại học Bách Khoa Hà Nội

Luận văn đã tập trung làm rõ vai trò của website đối với một doanh nghiệp, vàtầm quan trọng của ứng dụng thương mại điện tử vào hoạt dộng sản xuất kinhdoanh của doanh nghiệp Luận văn đã đưa những yêu cầu đặt ra cho một hệ thống,các hoạt động của website Qua luận văn này có thể hiểu rõ thêm về quá trình xâydựng một website quảng cáo cho công ty

Luận văn tốt nghiệp với đề tài: “Xây dựng website giới thiệu sản phẩm thờitrang D&G Hòa Bình” của sinh viên Quách Thị Thao, Khoa Công nghệ thông tin,Trường Đại học Công nghệ thông tin & Truyền thông

Luận văn đã bao quát, đưa ra một cách tổng quát một website hoàn chỉnh vớicác giao diện, chức năng cụ thể Luận văn cách chỉ rõ cách xây dựng các biểu đồ

chức năng, các sơ đồ Bên cạnh đó, luận văn còn đưa ra các lý thuyết về ngôn ngữlập trình PHP và MYSQL

1.3.2 Tình hình nghiên cứu ngoài nước

Vicki A.Benge (2012), Article “The advantages of using System analysis &design to improve business quality”, Chron online newspaper Bài báo khẳng địnhnhững lợi ích mà việc phân tích và thiết kế HTTT quản lý mang lại cho doanhnghiệp, đặc biệt là doanh nghiệp vừa và nhỏ

Vớ xu hướng học thiết kế web ngày càng mở rộng, các hãng sản xuất côngnghệ web ngày càng nhiều Trên thế giới đã xuất hiện nhiều website hướng dẫn họthiết kế web Một số website hướng dẫn học web nổi tiếng ở nước ngoài:W3Schools, Opera Web Standard Curriculum, Google Code University

CHƯƠNG 2: PHÂN TÍCH, ĐÁNH GIÁ THỰC TRẠNG WEBSITE CỦA

CÔNG TY CỔ PHẦN ÁNH SÁNG XANH 2.1 Tổng quan về Công ty và tình hình hoạt động kinh doanh của Công ty

Cổ phần Ánh Sáng Xanh

2.1.1 Quá trình thành lập

Tên công ty: Công ty CP Ánh Sáng Xanh

Tên giao dịch: Bluelight Jsc.,Co

Loại hình doanh nghiệp: Công ty cổ phần

Công ty CP Ánh Sáng Xanh được thành lập vào ngày 05/11/2008, được sởKHĐT Hà Nội cấp giấy chứng nhận số 0103009188 Ngành nghề kinh doanh chủyếu là: Tư vấn đầu tư, tư vấn đấu thầu xây dựng; Thiết kế mạng công trình thôngtin; Buôn bán vật liệu, thiết bị lắp đặt khác trong xây dưng; Buôn bán máy móc,thiết bị và linh kiện điện tử, viễn thông;…

Chính thức đi vào hoạt động từ năm 2009, với đội ngũ nhân viên được đào tạochính quy chuyên ngành điện tử viễn thông, kinh tế xây dựng, CNTT… từ cáctrường đại học lớn trên cả nước, công ty đã dần phát triển, tham gia tư vấn thiết kếcho nhiều công trình viễn thông, hợp tác với các đối tác như Công ty thông tin diđộng Mobifone…

Trải qua quá trình từng bước phát triển, đến nay sau 5 năm phát triển, công ty

đã khẳng định vị thế của mình trong lĩnh vực xây dựng cũng như các hoạt độngkinh doanh liên quan Sau quá trình hoạt động, công ty CP Ánh Sáng Xanh đãkhông ngừng hoàn thiện cơ sở hạ tầng, bộ máy quản lý, lực lượng lao động, là nềntảng vững chắc để Đăng Tâm có thể phát triển ngày càng vững mạnh

2.1.2 Cơ cấu tổ chức, lĩnh vực hoạt động kinh doanh

Bảng 1 Bảng nhân sự của công ty

Cơ cấu bộ máy công ty gồm những bộ phận khác nhau, có mối liên hệ phụthuộc lẫn nhau, được giao những trách nhiệm và quyền hạn nhất định, được bố trítheo từng cấp nhằm thực hiện các chức năng khác nhau về vấn đề quản trị củadoanh nghiệp

Hình 1.4 Sơ đồ bộ máy của công ty

Giám đốc: Giám đốc là người giữ quyền hành cao nhất trong công ty, lãnh đạo,

điều tiết các hoạt động kinh doanh Là người đề ra, tổ chức thực hiện các chiến lượckinh doanh và cũng chính là người chịu trách nhiệm cao nhất trước các vấn đề củacông ty Là người có quyền bổ nhiệm, miễn nhiệm các chức vụ khác trong công ty

Giám đốc

Phó Giám đốc

Bộ phận kế

toán

Bộ phận nhân sự Bộ phận Kỹ thuật

Bộ phân thiết kế

Bộ phận kinh doanh

Phó Giám đốc: Là người được giám đốc ủy quyền quản lý, điều hành hoạt

động của công ty trong phạm vi được ủy quyền

Bộ phận tài chính kế toán: Là bộ phận quản lý toàn bộ thu chi của công ty,đảm bảo đầy đủ chi phí cho hoạt động kinh doanh, lương, thưởng cho nhân viên,…Lập phiếu thu chi đầy đủ cho các hoạt động theo quy định của công ty, lưu trữ đầy

đủ, chính xác Ghi chép, cập nhật nhanh chóng, chính xác tình hình biến động tàichính trong công ty Lập báo cáo tài chính hàng tháng, hàng quý, hàng năm để báocáo ban giám đốc Phối hợp với phòng nhân sự để trả lương, thưởng cho nhân viênhàng tháng đầy đủ kịp thời Theo dõi quá trình chuyển tiền qua ngân hàng Lập, lưutrữ các chứng từ có liên quan

Bộ phận nhân sự: Đưa ra các quy trình tuyển dụng chuyên nghiệp cho công

ty Có vai trò tổ chức kiểm tra đầu vào, phỏng vấn tìm các ứng viên phù hợp chocông ty Kết hợp với các bộ phận khác lên lịch trình đào tạo, nâng cao chất lượngnghiệp vụ cho nhân viên Quản lý, kết hợp với bộ phận tài chính kế toán thanh toánlương thưởng cho nhân viên trong công ty Là bộ phận lưu giữ, quản lý hồ sơ nhânviên, thông tin nhân sự trong công ty

Bộ phận kỹ thuật: Thẩm định chất lượng dự án, công trình, hàng hóa, thiết bị

của công ty, thiết kế cũng như phát hiện các lỗi kịp thời sửa chữa Hỗ trợ về mặt kỹthuật Phát triển các dự án, công trình, phát hiện và khắc phục các lỗi phát sinh nếu

có khi thực thi

Bộ phận thiết kế: Thiết kế các bản vẽ dự án, công trình của công ty Thiết kế

mạng công trình, thiết kế lắp đặt các thiết bị điện

Bộ phận kinh doanh: Tiếp cận với khách hàng, là bộ phận thực hiện doanh

số đã đề ra mang lại lợi nhuận cho công ty Mở rộng thị trường, tổ chức thực hiệnkinh doanh, thực hiện hợp đồng với các đối tác Đánh giá từng phân khúc thịtrường, đưa ra các đề xuất sản xuất kinh doanh Là bộ phận trực tiếp tiếp xúc vớikhách hàng, thu hút thuyết phục khách hàng mua sảm phẩm, thiết bị của công ty

2.1.2.2 Lĩnh vực hoạt động kinh doanh chủ yếu

Công ty hoạt động trong các lĩnh vực tư vấn đầu tư, tư vấn đấu thầu xây dựng,thiết kế mạng công trình thông tin, Kinh doanh các loại mặt hàng: vật liệu, thiết bịlắp đặt trong xây dựng,máy móc, linh kiện điện tử,…