Đồ án thiết kế website và báo cáo thực tập thiết kế website

CHƯƠNG 2: CƠ SỞ LÝ THUYẾT2.1. Giới thiệu cơ sở lý luận về chuyên đềVới mức độ phức tạp và quy mô ứng dụng, cộng thêm vấn đề thời gian cho nên đề tài “Xây dựng Website kinh doanh máy tính xách tay trực tuyến” chỉ dừng ở mức tìm hiểu ngôn ngữ lập trình Web PHP MYSQL, và áp dụng xây dựng ứng dụng thực nghiệm trang Web bán hàng trên mạng.Website với mục đích cung cấp cho khách hàng các thông tin chính xác về các sản phẩm máy tính và linh kiện đang có trên thị trường của các hãng có uy tín như ( Acer, Hp, Asus, Dell, Samsung…) và cách thức đặt mua hàng qua mạng. Các thông tin được cập nhật thường xuyên và nhanh chóng. Vì vậy, rút ngắn được khoảng cách giữa người mua và người bán, đưa thông tin về các sản phẩm mới nhanh chóng đến cho khách hàng.Do còn một số hạn chế, nên website mới chỉ dừng lại ở chức năng đặt hàng và hình thức thanh toán trực tiếp. Trong tương lai, hệ thống sẽ phát triển theo hướng thương mại điện tử (với hình thức thanh toán trực tuyến qua thẻ tín dụng,tài khoản ngân hàng).2.2. Giới thiệu tổng quan về website và một số công nghệ web2.2.1. Khái niệm websiteWebsite hay còn gọi là trang web là tập hợp các trang web con bao gồm văn bản, hình ảnh, video, flash v.v.. Website chỉ nằm trong một tên miền hoặc tên miền phụ lưu trữ trên các máy chủ chạy online trên đương truyền World Wide Web của internet. Website được phát minh và đưa vào sử dụng vào khoảng năm 1990, 1991 bởi viện sĩ viện hàn lâm Anh Tim BernersLê và Robert Cailliau(Bỉ) tại CERN, Geneva, Switzetzerland. Một trang web là tập hợp các tập tin HTML hoặc XHTML có thể truy nhập dùng giao thức HTTP hoặc HTTPS. Trang web có thể được xây dựng từ các tập tin HTML(trang web tĩnh) hoặc vận hành bằng các CMS chạy trên máy chủ(trang web động). Một trang web có thể được xây dưng trên nhiều ngôn ngữ lập trình khác nhau (PHP, .NET, RUBY on Rails…)2.2.2. Lịch sử ra đời và phát triểnNgày 681991 đã trở thành một mốc quan trọng khi những đường liên kết tới những dạng mã lệnh về www được đưa lên nhóm thảo luận alt.hypertext để những người khác có thể tải về và thử nghiệm nó. Và đó chính là ngày mà web phổ biến ra toàn thế giới. Ông Paul Kunz, một nhà khoa học tại Trung tâm Gia tốc tuyến tính Stanford, người đầu tiên thiết lập nên một máy chủ web ngoài châu Âu vào tháng 121991 cho biết, hồi đầu những năm 1990, ý tưởng về việc lấy được dữ liệu lưu trữ trên nhiều máy tính một cách đơn giản như vậy đã tỏ ra rất hấp dẫnVào thời điểm đó, các máy tính là những hòn đảo về thông tin. Người dùng đăng nhập vào một hệ thống máy tính chỉ có thể truy cập được nguồn tài nguyên nằm trên chiếc máy tính đó. Khi chuyển sang chiếc máy tính khác có nghĩa là họ phải đăng nhập lại và có thể sẽ phải sử dụng một tập lệnh khác để tìm kiếm và thu thập dữ liệu. Và web đã ngay lập tức thu hút sự quan tâm của ông Kunz ngay sau khi Tim BernersLee(người đã phát minh ra web tại phòng thí nghiệm vật lý Cern ở Geneva) trình diễn khả năng truy vấn một cơ sở dữ liệu về những tài liệu vật lý được lưu trữ trên một máy chủ IBM. Máy chủ web mà ông Kunz thiết lập cho phép các nhà vật lý lục lọi trong số 200.000 bản tóm tắt dễ dàng hơn nhiều so với trước đó. Điều này đã chứng tỏ sự hữu ích đến mức các nhà khoa học tại viện Cern đã nhanh chóng chuyển sang tìm kiếm dữ liệu qua trang web Slac mà không dùng tới bản sao trên mạng của họ nữa.Mặc dù web hấp dẫn các nhà vật lý, nhưng trong những năm đầu chỉ có rất ít người hiểu được tiềm năng của công nghệ này. Ông Kunz cho rằng, lý do chính là do khi đó cũng có rất nhiều công nghệ thực hiện một công việc tương tự. Rất nhiều người lấy về những tài liệu quan trọng bằng dịch vụ FTP. Đặc biệt phổ biến khi đó là một công nghệ có tên là Gopher do Đại Học Minnesota phát triển. Công nghệ này cũng sử dụng một giao diện thân thiện để che giấu sự phức tạp của những máy tính kết nối với mạng internet. Nó có cái tên này một phần là do đội thể thao của trường Đại Học này có tên là Những con chuột túi vàng. Gopher được công bố vào đầu năm 1991 và trong một vài năm sau đó, các con số thống kê cho thấy những lưu lượng gopher trên mạng Internet vượt xa lưu lượng giao dịch web.Dự án WWW đã bùng nổ vào tháng 41993 khi trình duyệt web dành cho máy tính cá nhân đầu tiên ra đời. Đây là sản phẩm của ông Marc Andreessen tại trung tâm ứng dụng siêu máy tính thuộc trường Đại Học Illinois.Nhóm nghiên cứu dự án web của viện Cern đã không có đủ nhân lực để viết các trình duyệt cho các hệ thống PC, Mac hay Unix. Trình duyệt có tên là Mosaic này đã đạt được thành công to lớn khi nó tạo được nhiều thói quen sử dụng web vẫn được áp dụng cho đến tận hôm nay. Thí dụ như khái niệm ban đầu về web không hề có chỗ cho bookmark hay favourites.Cũng trong năm 1993, trường Đại Học Minnesota bắt đầu thu phí Gopher, do đó rất nhiều người đã xem xét chuyển sang sử dụng một công nghệ khác.Ed Vielmetti, một trong những người dùng web đầu tiên và hiện là một trợ lý nghiên cứu tại trường Đại Học thông tin Michigan, nói rằng trong suốt những năm đầu tiên, công nghệ web đã thực sự chứng tỏ sự hữu ích của nó đối với những người dùng internet trung bình. Các hệ thống Gopher và FTP thông thường vẫn do các công ty hay tổ chức lớn thiết lập. Còn Usenet thì lại không tồn tại lâu bởi vậy nó buộc những người đưa ra một quan điểm phải thường xuyên đăng lại ý kiến của mình. Ban đầu, người ta đã sử dụng các trang web như để tự bày tỏ mình theo một cách thức mà các công nghệ khác không cho phép. Ông Vielmetti cho rằng các mã lệnh web rất ít lỗi và thu hút người ta sử dụng nó.Vào cuối năm 1994, lưu lượng giao dịch web cuối cùng đã vượt qua giao dịch gopher và từ đó đến nay chưa bao giờ tụt lại. Hiện trên mạng Internet đã có gần 100 triệu website và có rất nhiều người đã xem web và mạng internet là một. Nhưng ông Groff cho rằng phải đến tận hôm nay thì web mới được như sự hình dung của những người tạo ra nó. Theo ý đồ ban đầu của họ thì web là một phương tiện mà con người có thể đọc và đóng góp nội dung cho nó. Những công cụ mới như các site chia sẻ ảnh, mạng công cộng, nhật ký cá nhân (blog), từ điển mã nguồn mở (wiki) và những thứ khác đang thực hiện rất tốt lời hứa ban đầu này.2.2.3. Các yêu cầu tối thiểu để tạo một trang webĐể một website hoạt động được cần phải có tên miền (domain), không gian lưu trữ trên máy chủ (hosting) và nội dung (các trang web). Tên miền là tên địa chỉ chính của website, ví dụ: www.dantri.com là tên miền của website hay là địa chỉ để người xem dùng để truy cập vào website. Một website nhất thiết phải có tên miền nhưng cũng có thể có nhiều tên miền trỏ vào. Một số loại tên miền thông dụng • www.abc.com: Tên miền quốc tế (.net, .biz, .org...)•www.abc.com.vn: Tên miền quốc gia•www.abc.comxyz (xyz là tên miền con của website abc) : Tên miền phụ (sub domain).•www.xyz.abc.com (xyz là tên miền con của website abc).•v.v...Lưu trữ website: Dữ liệu thông tin của website 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ột server có thể lưu trữ nhiều website, nếu server này bị sự cố chẳng hạn nó tắt trong một thời điểm nào đó thì không ai có thể truy cập được những website lưu trữ trên server tại thời điểm bị sự cố. Tùy theo nhu cầu lưu trữ thông tin mà doanh nghiệp có thể thuê dung lượng thích hợp cho website.Hosting: là một không gian trên ổ đĩa của một máy chủ Server để lưu nội dung website nhằm làm cho bất kỳ ai cũng có thể truy cập vào những nội dung này bất kỳ lúc nào, bất kỳ nơi nào, nói cách khác thì Hosting là nơi lưu trữ website để duy trì sự hoạt động của website trên mạng,. Máy tính lưu những nội dung website này được gọi là máy chủ (Server) phải hoạt động 2424. Một website nhất định phải có hosting thì mới hoạt động được. Dung lượng host: Là độ rộng, hay còn gọi là không gian trống của ổ đĩa cứng trên máy chủ để lưu cơ sở dữ liệu của website (hình ảnh, thông tin …), đơn vị đo dung lượng thường là Mb hoặc Gb. Băng thông hay dung lượng đường truyền: là đại diện cho tốc độ đường truyền hay nói cách khác là độ rộng của một dải tần số mà các tín hiệu điện tử chiếm giữ trên một phương tiện truyền dẫn, đơn vị đo thông thường là mbtháng.2.2.4. Phân loại web2.2.4.1. Web tĩnhTrang 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 dùng để thiết kế các trang web có nội dung ít cần thay đổi và cập nhật.Website tĩnh là website chỉ bao gồm các trang web tĩnh và không có cơ sở dữ đi kèm.Website tĩnh thích hợp với cá nhân, tổ chức, doanh nghiệp vừa và nhỏ mới làm quen với môi trường Internet. Ưu điểm cơ bản:Thiết kế đồ hoạ đẹp: Trang Web tĩnh thường được trình bày ấn tượng và cuốn hút hơn trang web động về phần mỹ thuật đồ hoạ vì người thiết kế có thể hoàn toàn tự do trình bày các ý tưởng về đồ hoạ và mỹ thuật trên toàn diện tích từng trang web tĩnh.Tốc độ truy cập nhanh: Tốc độ truy cập của người dùng vào các trang web tĩnh nhanh hơn các trang web động vì không mất thời gian trong việc truy vấn cơ sở 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 với phần .html, .htm,… trong trang web tĩnh không 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ới website độ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 cho website và chi phí cho việc thuê chỗ cho việc lưu trữ cơ sở dữ liệu, chi phí yêu cầu hệ điều hành tương thích (nếu có). Nhược điểm cơ bảnKhó khăn trong việc thay đổi và cập nhật thông tin: Muốn thay đổi và cập nhật nội dung thông tin của trang website tĩnh người dùng cần phải biết về ngôn ngữ html, sử dụng được các chương trình thiết kế đồ hoạ và thiết kế web cũng như các chương trình cập nhật 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: Do nộ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ủa ngườ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ột website hầu như là phải làm mới lại website.2.2.4.2. Web độngWebsite động (Dynamic website) là website có cơ sở dữ liệu, được cung cấp công cụ quản 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ùng truy 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ình thức khác nữa.Chẳng hạn, có một ứng dụng cơ sở có chức năng như một công cụ thương mại điện tử (một cửa hàng trực tuyến) trưng bày danh mục sản phẩm trên website hay theo dõi kho hàng, khi một mặt hàng được giao, ngay lập tức những trang có liên quan đến sản phẩm đó phản ánh sự thay đổi này.Những website có kết nối cơ sở dữ liệu còn có thể thực hiện những chức năng truyền và xử lý thông tin giữa doanh nghiệp doanh nghiệp.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ạnh như Access, My SQL, MS SQL, Oracle, DB2.Thông tin trên web động luôn luôn mới vì nó dễ dàng được cập nhật thường xuyên thông qua việc sử dụng các công cụ cập nhật của các phần mềm quản trị web . Thông tin luôn được cập nhật trong một cơ sở dữ liệu và người dùng Internet có thể xem những chỉnh sửa đó ngay lập tức. Vì vậy website được hỗ trợ bởi cơ sở dữ liệu là phương tiện trao đổi thông tin nhanh nhất với người dùng Internet. Điều dễ nhận thấy là những website thường xuyên được cập nhật sẽ thu hút nhiều khach hàng Web động có tính tương tác với người sử dụng cao. Với web động, ta hoàn toà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ác phần mềm hỗ trợ mà không nhất thiết cần phải có kiến thức nhất định về ngôn ngữ lập trình HTML, lập trình web.Ta cũng có thể nhìn nhận vấn đề theo khía cạnh khác: chẳng hạn đã có sẵn những cơ sở dữ liệu như cơ sở dữ liệu sản phẩm, nhân sự, khách hàng hay bất kỳ cơ sở dữ liệu nào đó muốn đưa thêm giao diện web vào để người dùng nội bộ hay người dùng Internet đều có thể sử dụng chương trình chỉ với trình duyệt web của mình.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ông tin lớn, các website của các tổ chức, doanh nghiệp hoạt động chuyên nghiệp trên internet đều sử dụng công nghệ web động. Có thể nói web động là website của giới chuyên nghiệp hoạt động trên môi trường Internet.2.2.4.3. Sự khác nhau giữa web tĩnh và web độngWeb động: Có đặc điểm là linh hoạt và thông tin được cập nhật thường xuyên, các thành phần trên trang web được quản lý dễ dàng. Web động thường được viết bằng các ngôn ngữ lập trình như PHP, ASP.NET, JSP…,và kết hợp với hệ quản trị cơ sở dữ liệu Mysql SQL serverWeb tĩnh: Là trang web chỉ được viết bằng HTML theo từng trang riêng biệt không có cơ sở dữ liệu và không có công cụ quản lý thông tin nội dung trên trang web, mỗi lần muốn sửa nội dung ta phải trỉnh sửa trực tiếp mã HTML.Hiện nay web động đang được sử dụng rộng rãi vì những ưu điểm của nó. Nhưng tại sao người ta vẫn sử dụng web tĩnh?Không thể phủ nhận là web tĩnh cũng có những ưu điểm nổi bật riêng. Với web tĩnh giao diện được thiết kế tự do hơn do đó nhiều khi trang web tĩnh có trình bày đẹp mắt và cuốn hút hơn . Web tĩnh thường được sử dụng cho các trang ít có sự thay đổi về nội dung với lượng thông tin ít. Ngoài ra web tĩnh còn có một lợi thế vượt trội là chúng thân thiện với các cơ chế tìm kiếm (search engine) hơn so với web động . Bởi vì đường dẫn url của một trang web tĩnh rất đơn giản không phức tạp như web động.2.3. Ngôn ngữ thiết kế và lập trình web2.3.1. HTMLHTML hay HyperText Markup Language được hội đồng word wide web Consotiun (W3C) quy định. Một tập tin HTML cũng giống như tập tin bình thường với phần mở rộng “.html” hoặc “.htm.”HTML giúp định dạng văn bản trong trang web nhờ các thẻ. Hơn nữa các thẻ html có thể liên kết từ hoặc một cụm từ với các tài liệu khác trên Internet. Đa số các thẻ HTML đều bắt đầu với một thẻ mở và kết thúc với thẻ đóng tương ứng. Thể đóng dùng chung từ lệnh giống như thẻ mở nhưng thêm dấu () vào trước vd: . Ngôn ngữ HTML với cú pháp không phân biệt chữ hoa và chữ thường nghĩa là ta có thể bắt đầu thẻ mở bằng chữ thường và kết thúc thẻ đóng bằng chữ hoa. Ví dụ ta có thể khai báo như sau và một điều cần lưu ý là không có khoảng trắng trong một định nghĩa thẻ.Cấu trúc chung của một trang HTML Đay là tiêu đề trang web < Nội dung của trang web > Các thẻ HTML cơ bản• Thẻ : Tạo đầu mục trang•Thẻ : Tạo tiêu đề trang web, đây là thẻ bắt buộc. Thẻ title cho phép người thiết kế trình bày một chuỗi trên thanh tiêu đề của trang web mỗi khi trang web đó được tải lên •Thẻ …: Là thẻ chứa toàn bộ nội dung được hiện trên trang web • Các thẻ định dạng khác. Thẻ

tạo một đoạn văn bản mới. Thể thay đổi phông chữ, kích cỡ và màu của văn bản…• Thẻ định dạng bảng : Đây là thẻ tạo một bảng trên trang web. Sau khi khai báo thẻ này người dùng cần khai báo các thẻ hàng và thẻ cột td> cùng với các thuộc tính của nó.•Thẻ : Đây là một thẻ đặc biệt nó không cần thẻ đóng thẻ này cho phép chèn một hình ảnh vào trang web• Thẻ Input: Thẻ input cho phép người dùng nhập dữ liệu, thẻ input bao gồm các loại thẻ như: text, password, submit,…• Thẻ Select:Thẻ Select cho phép người dùng chọn phần tử trong tập phương thức đã được định nghĩa trước. Nếu thẻ Select cho phép người dùng chọn một phần tử trong danh sách phần tử thì thẻ Select sẽ giống như combobox. Nếu thẻ Select cho phép người dùng chọn nhiều phần tử cùng một lần trong danh sách phần tử, thẻ Select đó là dạng listbox. •Thẻ Form: Khi muốn submit dữ liệu người dùng nhập từ trang Web phía Client lên phía Server, có hai cách để làm điều này ứng với hai phương thức POST và GET trong thẻ form. Trong một trang Web có thể có nhiều thẻ Form khác nhau, nhưng các thẻ Form này không được lồng nhau, mỗi thẻ form sẽ được khai báo hành động (action) chỉ đến một trang khác.2.3.2. Ngôn ngữ định dạng cssMặc dù HTML cũng có những thuộc tính giúp người dùng định dạng màu sắc, kích thước của một số thành phần trên trang web nhưng khi họ muốn tùy chỉnh vị trí của một phần tử hoặc tạo hiệu ứng cho phần tử thì HTML không thể làm được. Lúc này cần sử dụng đến CSS.Vậy css là gi? CSS là viết tắt của từ Cascading Style Sheets. Với CSS người dùng có thể thỏa sức sáng tạo trong thiết kế web bằng cách tùy chỉnh vị trí các phần tử, màu sắc, màu nền, font chữ, thứ tự sắp xếp của các phần tử, hệu ứng những điều mà HTML gần như không làm được.Vậy làm sao để nhúng CSS vào trang web? có ba cách để nhúng css vào một trang webCach 1: Chèn trực tiếp vói cặp thẻ chèn css vào trang web Body{Color:yellow;Background:red;}Helo Chào mọi người

LỜI CẢM ƠN

Trong suốt quá trình thực tập được sự quan tâm giúp đỡ tận tình của các thầy giáo ,cô

giáo, em đã hoàn thành bài báo cáo thực tập với đề tài “ Xây dựng website bán máy tính sách tay trực tuyến”

Hoàn thành bài báo cáo này, cho phép em được bày tỏ lời cảm ơn tới toàn thể cácthầy cô giáo trong khoa Công nghệ thông tin trường “ Cao Đẳng kinh tế kỹ thuật trungương ” đã tạo điều kiện và giúp đỡ em hoàn thiện bài báo cáo Đồng thời em xin gửi lời

cảm ơn trân thành tới thầy Trần Tuấn Việt đã trực tiếp hướng dẫn em trong suốt quá

trình nghiên cứu và thực hiện đề tài

Tuy nhiên, do thời gian có hạn cũng như kinh nghiệm lập trình web còn hạn chế, khithực hiện đề tài sẽ không tránh khỏi những thiếu sót nhất định Vì vậy, em rất mong nhậnđược sự chỉ bảo, góp ý của các thầy cô để em có điều kiện bổ sung và nâng cao kinhnghiêm bản thân

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

Hà nội, ngày…tháng…nam 2017

SINH VIÊNDương văn tuyến

LỜI NÓI ĐẦU

Ngày nay internet đã trở nên thông dụng và không thể thiếu trong cuộc sống, gắn liềnvới sự phát triển của internet là hệ thống hàng triệu website Website có một vai trò quantrọng trong việc đưa mọi người tiếp cận thông tin một cách nhanh nhất Website là mộtnguồn thông tin phong phú, nó giúp rút ngắn khoảng cách giữa mọi người trên toàn thếgiới Ngày nay website đã trở thành một phần không thể thiếu trong mọi lĩnh vực của đờisống Nó được phát triển với nhiều dạng khác nhau, một trang chia sẻ thông tin, tin tứcgiúp mọi người có thể tiếp cận thông tin một cách rễ ràng, một trang thương mại điện tửgiúp moi người có thể trao đổi mua hàng mà không cần ra khỏi nhà hay một trang quảng

bá công ty giúp các doanh nghiệp có thể rễ ràng tiếp cận hàng triệu khách hàng với chiphí tối ưu nhất…Đến đây ta có thấy được tầm quan trọng của website nó gắn liền vơi sựphát triển của mỗi quốc gia

Website chính là một sản phẩm tốt nhất của internet, mang đến lợi ích vô cùng to lớncũng như đem lại nhiều cơ hội cho chính những người sử dung Website mang lại chongười dùng những thông tin cần thiết, những vấn đề cần giải đáp trong cuộc sống đều cóthể tìm được trên các trang web, trả lời mọi thắc mắc với thời gian nhanh chóng và hiệuquả Không những thế , với sự phát triển của các mẫu web bán hàng trực tuyến cho phépngười dùng internet tiếp cận được tất cả những sản phẩm của các doanh nghiệp trên toànthế giới Đối với doanh nghiệp website là nơi giới thiệu hình ảnh, thương hiệu sản phẩmcủa doanh nghiệp đến với người dùng Website tạo lợi ích đa chiều từ người mua vàngười bán, giúp cho người mua có thể có được mọi thông tin mình cần, tư vấn, đặt hàng

và thanh toán trực tuyến, giúp cho mọi việc trở nên tự độnng hóa mà không phải trở nên

quá phức tạp Với lí do đó, em đã chọn đề tài “Xây dựng website bán máy tính sách tay trực tuyến” làm đề tài thực tập

Sinh viên Dương Văn Tuyến

MỤC LỤC

LỜI NÓI ĐẦU 1

LỜI NÓI ĐẦU 4

CHƯƠNG 1: GIỚI THIỆU ĐƠN VỊ THỰC TẬP 1

1.1 Giới thiệu công ty KEYWORDS MAGNETS 1

1.2 Chức năng, nhiệm vụ, lĩnh vực hoạt đông chính của công ty 1

1.3 Sơ đồ tổ chức công ty 1

CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 3

2.1 Giới thiệu cơ sở lý luận về chuyên đề 3

2.2 Giới thiệu tổng quan về website và một số công nghệ web 3

2.2.1 Khái niệm website 3

2.2.2 Lịch sử ra đời và phát triển 3

2.2.3 Các yêu cầu tối thiểu để tạo một trang web 5

2.2.4 Phân loại web 6

2.3 Ngôn ngữ thiết kế và lập trình web 9

2.3.1 HTML 9

2.3.2 Ngôn ngữ định dạng css 10

2.3.3 Ngôn ngữ lập trình PHP 13

2.4 CSDL MySQL 25

2.4.1 Giới thiệu về Mysql 25

2.4.2 Đặc điểm của MySQL 25

2.4.3 MySQL và PHP 25

2.5 Công cụ và phần mềm hỗ trợ lập trình 27

2.5.1.XAMPP 27

2.5.2 Sublime Text 3 28

CHƯƠNG 3: XÂY DỰNG ỨNG DỤNG WEB BÁN MÁY TÍNH 29

3.1 Phân tích yêu cầu đề tài 29

3.1.1 Tóm tắt hoạt động của hệ thống 29

3.1.2 Phạm vi ứng dụng của dự án 30

3.1.3 Đối tượng sử dụng 30

3.1.4 Mục đích của dự án 30

3.2 Xác định yêu cầu của khách hàng 30

3.2.1 Hệ thống hiện hành của cửa hàng 30

3.2.2 Yêu cầu hệ thống 31

3.3 Yêu cầu giao diện của website 32

3.3.1 Giao diện người dùng 32

3.3.2 Giao diện người quản trị 33

3.4 Phân tích các chức năng của hệ thống 33

3.4.1 Các chức năng của đối tượng Customer (Khách vãng lai) 34

3.4.2 Các chức năng của đối tượng Member (thành viên) 36

3.4.3 Chức năng của Administrator 37

3.5 Biểu đồ phân tích thiết kế hệ thống 39

3.5.1 Biểu đồ hoạt động 39

3.5.2 Đặc tả Use-case 51

3.6 Cách tổ chức dữ liệu và thiết kế chương trình cho trang Web 56

3.6.1 Bảng giỏ hằng 56

3.6.2 Bảng hóa đơn 57

3.6.3 Bảng liên hệ 57

3.6.4.Bảng loại sản phẩm 58

3.6.5 Bảng nhóm sản phẩm 58

3.6.6 Bảng sản phẩm 58

3.6.7 Bảng thành viên 59

3.6.8 Sơ đồ thực thể liên kết 60

3.7 Yêu cầu về bảo mật 60

3.8 Thiết kế giao diện 61

3.8.1 Giao diện trang chủ 61

3.8.2 Giao diện Form đăng nhập 62

3.8.3 Giao diện Form liên hệ 62

3.8.4 Giao diện trang giỏ hàng 63

3.8.5 Giao diện Form đăng ký thành viên 63

3.8.6 Giao diện trang chi tiết sản phẩm 64

3.8.7 Giao diện trang quản trị 64

CHƯƠNG 4: ĐÁNH GIÁ VÀ KẾT LUẬN 65

4.1 Đánh giá kết quả của việc thực hiện chuyên đề 65

4.2 Kiến nghị với đơn vị thực tập và nhà trường 66

4.3 Tài liệu tham khảo 66

LỜI NÓI ĐẦUNgày nay internet đã trở nên thông dụng và không thể thiếu trong cuộc sống, gắn liềnvới sự phát triển của internet là hệ thống hàng triệu website Website có một vai trò quantrọng trong việc đưa mọi người tiếp cận thông tin một cách nhanh nhất Website là mộtnguồn thông tin phong phú, nó giúp rút ngắn khoảng cách giữa mọi người trên toàn thếgiới Ngày nay website đã trở thành một phần không thể thiếu trong mọi lĩnh vực của đờisống Nó được phát triển với nhiều dạng khác nhau, một trang chia sẻ thông tin, tin tứcgiúp mọi người có thể tiếp cận thông tin một cách rễ ràng, một trang thương mại điện tửgiúp moi người có thể trao đổi mua hàng mà không cần ra khỏi nhà hay một trang quảng

bá công ty giúp các doanh nghiệp có thể rễ ràng tiếp cận hàng triệu khách hàng với chiphí tối ưu nhất…Đến đây ta có thấy được tầm quan trọng của website nó gắn liền vơi sựphát triển của mỗi quốc gia

Website chính là một sản phẩm tốt nhất của internet, mang đến lợi ích vô cùng to lớncũng như đem lại nhiều cơ hội cho chính những người sử dung Website mang lại chongười dùng những thông tin cần thiết, những vấn đề cần giải đáp trong cuộc sống đều cóthể tìm được trên các trang web, trả lời mọi thắc mắc với thời gian nhanh chóng và hiệuquả Không những thế , với sự phát triển của các mẫu web bán hàng trực tuyến cho phépngười dùng internet tiếp cận được tất cả những sản phẩm của các doanh nghiệp trên toànthế giới Đối với doanh nghiệp website là nơi giới thiệu hình ảnh, thương hiệu sản phẩmcủa doanh nghiệp đến với người dùng Website tạo lợi ích đa chiều từ người mua vàngười bán, giúp cho người mua có thể có được mọi thông tin mình cần, tư vấn, đặt hàng

và thanh toán trực tuyến, giúp cho mọi việc trở nên tự độnng hóa mà không phải trở nên

quá phức tạp Với lí do đó, em đã chọn đề tài “Xây dựng website bán máy tính sách tay trực tuyến” làm đề tài thực tập

Sinh viên Dương Văn Tuyế

CHƯƠNG 1: GIỚI THIỆU ĐƠN VỊ THỰC TẬP

1.1 Giới thiệu công ty KEYWORDS MAGNETS

Tên giao dịch: Keywords magnets

Công ty TNHH KEYWORD MAGNETS được chính thức thành lập ngày 28 tháng

10 năm 2015 theo giấy phép kinh doanh số 0107068201 do sở kế hoạch và đầu tư Thànhphố Hà Nội cấp Công ty có trụ sở chính đặt tại số 48 đường Tố Hữu - phường NhânChính - Quận Thanh Xuân - Hà Nội Ngành nghề kinh doanh chính thiết kế website,cung cấp các dịch vụ quảng cáo trực tuyến

1.2 Chức năng, nhiệm vụ, lĩnh vực hoạt động chính của công ty

Công ty TNHH KEYWORD MAGNETS tên giao dịch là “Keyword magnets” làđơn vị hoạt động chuyên nghiệp trong lĩnh vực thiết kế website, thương mại điện tử vàcác giải pháp quảng cáo trực tuyến

Mục tiêu của “Keyword magnaets” là hỗ trợ các đơn vị kinh tế , xã hội tham gia hoạtđộng tuyên truyền , quảng bá , kinh doanh trên môi trường internet toàn cầu đật hiệu quảcao nhất với mức chi phí thấp nhất

Keyword magnaets luôn đi đầu trong việc nghiên cứu , phát triển và cung cấp cácgiải pháp, chương trình phần mềm web và các gải pháp quảng cáo trực tuyến tốt nhất chokhách hàng trên toàn thế giới Các sản phẩm của Keyword magnets đều được phát triểndựa trên đòi hỏi từ thực tiễn và phải đáp ứng, giải quyết được các yêu cầu về quản trị,điều hành kinh doanh của khách hàng cũng như các yêu cầu về phát triển, mở rộng củakhách hàng trong tương lai

Điểm nổi bật, mạnh mẽ nhất của các giải pháp, sản phẩm do Keyword magnaetscung cấp là phát huy khả năng sáng tạo của khách hàng Khách hàng dễ dàng làm chủcác công nghệ, kỹ thuật, cũng như dễ dàng thể hiện và điều hành các hoạt động theo ý đồ

và mục đích của mình khi sử dụng các sản phẩm của công ty Keywords magnets trongviệc quản trị nội dung.

Song song với việc cung cấp các giải pháp, sản phẩm cho các công ty, tổ chức tậpthể, cá nhân, công ty Keywords magnets còn là một nhà tư vấn và phát triển chuyênnghiệp, uy tín trog chương trình xây dựng và phát triển các mạng thông tin, mạng thươngmại trên phạm vi toàn quốc

Thành công và sức mạnh của Keywords magnets được thể hiện trọng việc hợp tácchặt chẽ và hiệu quả với các đơn vị hàng đầu trong lĩnh vực quảng cáo trực tuyến, hiệnkeywords magnets là đối tác số một của google tại việt nam Đén với Keywords magnetskhách hàng sẽ nhận được sự tư vấn chuyên nghiệp, tiết kiệm được chi phí và thời giantuy nhiên vẫn đạt được hiệu quả cao nhất Công ty Keywords magnets luôn hoạt độngtheo phương châm “Hợp tác để cùng phát triển” luôn đặt lợi ích của hàng lên hàng đầu,sẵn sàng hỗ trợ 24/24 khi khách hàng yêu cầu

1.3 Kinh nghiệm và các thành tựu công ty đạt được

Keywords magnets luôn lắng nghe và thấu hiểu nhu cầu của từng khách hàng, từ đó

áp dụng kỹ năng, kinh nghiệm và tư duy sáng tạo của mình để đưa ra những giải pháp tốtnhất cho khách hàng:

 Luôn tạo ra các sản phẩm chất lượng cao

 Các sản website với thiết kế ấn tượng và tính chuyên nghiệp cao

 Các dịch vụ tư vấn, hỗ trợ khách hàng tận tình;

 Cam kết bảo hành vĩnh viên đối với các sản phẩn công ty tạo rạ

Keywords magnets mong muốn chở thành tổ chức vững mạnh và được cộng đồngcông nhận bằng cách nỗ lực áp dụng công nghệ, tri thức, góp phần cùng các tổ chứcdoanh nghiệp Việt Nam phát triển bền vững, hưng thịnh

Trong thời gian hai năm hoạt động với những thành tựu đạt được công ty đã khẳngđịnh được vị thế của mình trong lĩnh vực CNTT, trong tương lai công ty hướng tới sẽ chởthành doanh nghiệp có tên tuổi hàng đầu, với uy tín lâu dài trên thị trường ứng dụngwebsite thương mại điện tử và quảng cáo trực tuyến

1.4 Văn hóa công ty

Công ty hoạt động theo phương trâm “làm việc đoàn kết, hợp tác, có trách nhiệm,làm việc khoa học và thực hiện theo 5 quyết”

1 Quyết tâm làm việc theo mô hình quản lý chuyên nghiẹp

2 Quyết tâm làm việ có trách nhiệm

3 Quyết tâm làm việc theo quy trình

4 Quyết tâm cải tiến phương pháp làm việc

5 Quyết tâm xây dựng thương hiệu vững mạnh

Sau một tuần làm việc vất vả thì cuối tuần là khoảng thời gian để nghỉ ngơi, thưgiãn Để nâng cao tinh thần tập thể, thành công trong công việc, giúp mọi người hiểunhau hơn thì công ty thương xuyên tổ chức các buổi team Building ngoai trời và nhữngbuổi giao lưu bóng đá giữa các phòng ban giúp cho các anh em trong công ty được giaolưu tiếp xúc và hiểu nhau hơn

CHƯƠNG 2: CƠ SỞ LÝ THUYẾT

2.1 Giới thiệu cơ sở lý luận về chuyên đề

Với mức độ phức tạp và quy mô ứng dụng, cộng thêm vấn đề thời gian cho nên đề tài

“Xây dựng Website kinh doanh máy tính xách tay trực tuyến” chỉ dừng ở mức tìm hiểu

ngôn ngữ lập trình Web PHP & MYSQL, và áp dụng xây dựng ứng dụng thực nghiệmtrang Web bán hàng trên mạng

Website với mục đích cung cấp cho khách hàng các thông tin chính xác về các sản

phẩm máy tính và linh kiện đang có trên thị trường của các hãng có uy tín như ( Acer,

Hp, Asus, Dell, Samsung…) và cách thức đặt mua hàng qua mạng Các thông tin được

cập nhật thường xuyên và nhanh chóng Vì vậy, rút ngắn được khoảng cách giữa ngườimua và người bán, đưa thông tin về các sản phẩm mới nhanh chóng đến cho khách hàng

Do còn một số hạn chế, nên website mới chỉ dừng lại ở chức năng đặt hàng và hìnhthức thanh toán trực tiếp Trong tương lai, hệ thống sẽ phát triển theo hướng thương mạiđiện tử (với hình thức thanh toán trực tuyến qua thẻ tín dụng,tài khoản ngân hàng)

2.2 Giới thiệu tổng quan về website và một số công nghệ web

2.2.1 Khái niệm website

Website hay còn gọi là trang web là tập hợp các trang web con bao gồm văn bản,hình ảnh, video, flash v.v Website chỉ nằm trong một tên miền hoặc tên miền phụ lưutrữ trên các máy chủ chạy online trên đương truyền World Wide Web của internet.Website được phát minh và đưa vào sử dụng vào khoảng năm 1990, 1991 bởi viện sĩviện hàn lâm Anh Tim Berners-Lê và Robert Cailliau(Bỉ) tại CERN, Geneva,Switzetzerland Một trang web là tập hợp các tập tin HTML hoặc XHTML có thể truynhập dùng giao thức HTTP hoặc HTTPS Trang web có thể được xây dựng từ các tập tinHTML(trang web tĩnh) hoặc vận hành bằng các CMS chạy trên máy chủ(trang webđộng) Một trang web có thể được xây dưng trên nhiều ngôn ngữ lập trình khác nhau(PHP, NET, RUBY on Rails…)

đầu những năm 1990, ý tưởng về việc lấy được dữ liệu lưu trữ trên nhiều máy tính mộtcách đơn giản như vậy đã tỏ ra rất hấp dẫn

Vào thời điểm đó, các máy tính là những hòn đảo về thông tin Người dùng đăngnhập vào một hệ thống máy tính chỉ có thể truy cập được nguồn tài nguyên nằm trênchiếc máy tính đó Khi chuyển sang chiếc máy tính khác có nghĩa là họ phải đăng nhậplại và có thể sẽ phải sử dụng một tập lệnh khác để tìm kiếm và thu thập dữ liệu Và web

đã ngay lập tức thu hút sự quan tâm của ông Kunz ngay sau khi Tim Berners-Lee(người

đã phát minh ra web tại phòng thí nghiệm vật lý Cern ở Geneva) trình diễn khả năng truyvấn một cơ sở dữ liệu về những tài liệu vật lý được lưu trữ trên một máy chủ IBM Máychủ web mà ông Kunz thiết lập cho phép các nhà vật lý lục lọi trong số 200.000 bản tómtắt dễ dàng hơn nhiều so với trước đó Điều này đã chứng tỏ sự hữu ích đến mức các nhàkhoa học tại viện Cern đã nhanh chóng chuyển sang tìm kiếm dữ liệu qua trang web Slac

mà không dùng tới bản sao trên mạng của họ nữa

Mặc dù web hấp dẫn các nhà vật lý, nhưng trong những năm đầu chỉ có rất ít ngườihiểu được tiềm năng của công nghệ này Ông Kunz cho rằng, lý do chính là do khi đócũng có rất nhiều công nghệ thực hiện một công việc tương tự Rất nhiều người lấy vềnhững tài liệu quan trọng bằng dịch vụ FTP Đặc biệt phổ biến khi đó là một công nghệ

có tên là Gopher do Đại Học Minnesota phát triển Công nghệ này cũng sử dụng mộtgiao diện thân thiện để che giấu sự phức tạp của những máy tính kết nối với mạnginternet

Nó có cái tên này một phần là do đội thể thao của trường Đại Học này có tên làNhững con chuột túi vàng Gopher được công bố vào đầu năm 1991 và trong một vàinăm sau đó, các con số thống kê cho thấy những lưu lượng gopher trên mạng Internetvượt xa lưu lượng giao dịch web

Dự án WWW đã bùng nổ vào tháng 4/1993 khi trình duyệt web dành cho máy tính cánhân đầu tiên ra đời Đây là sản phẩm của ông Marc Andreessen tại trung tâm ứng dụngsiêu máy tính thuộc trường Đại Học Illinois

Nhóm nghiên cứu dự án web của viện Cern đã không có đủ nhân lực để viết các trìnhduyệt cho các hệ thống PC, Mac hay Unix Trình duyệt có tên là Mosaic này đã đạt đượcthành công to lớn khi nó tạo được nhiều thói quen sử dụng web vẫn được áp dụng chođến tận hôm nay Thí dụ như khái niệm ban đầu về web không hề có chỗ cho bookmarkhay favourites

Cũng trong năm 1993, trường Đại Học Minnesota bắt đầu thu phí Gopher, do đó rấtnhiều người đã xem xét chuyển sang sử dụng một công nghệ khác

Ed Vielmetti, một trong những người dùng web đầu tiên và hiện là một trợ lý nghiêncứu tại trường Đại Học thông tin Michigan, nói rằng trong suốt những năm đầu tiên,công nghệ web đã thực sự chứng tỏ sự hữu ích của nó đối với những người dùng internettrung bình Các hệ thống Gopher và FTP thông thường vẫn do các công ty hay tổ chứclớn thiết lập Còn Usenet thì lại không tồn tại lâu bởi vậy nó buộc những người đưa ramột quan điểm phải thường xuyên đăng lại ý kiến của mình Ban đầu, người ta đã sửdụng các trang web như để tự bày tỏ mình theo một cách thức mà các công nghệ kháckhông cho phép Ông Vielmetti cho rằng các mã lệnh web rất ít lỗi và thu hút người ta sửdụng nó.

Vào cuối năm 1994, lưu lượng giao dịch web cuối cùng đã vượt qua giao dịchgopher và từ đó đến nay chưa bao giờ tụt lại Hiện trên mạng Internet đã có gần 100 triệuwebsite và có rất nhiều người đã xem web và mạng internet là một Nhưng ông Groff chorằng phải đến tận hôm nay thì web mới được như sự hình dung của những người tạo ra

nó Theo ý đồ ban đầu của họ thì web là một phương tiện mà con người có thể đọc vàđóng góp nội dung cho nó

Những công cụ mới như các site chia sẻ ảnh, mạng công cộng, nhật ký cá nhân(blog), từ điển mã nguồn mở (wiki) và những thứ khác đang thực hiện rất tốt lời hứa banđầu này

2.2.3 Các yêu cầu tối thiểu để tạo một trang web

Để một website hoạt động được cần phải có tên miền (domain), không gian lưu trữtrên máy chủ (hosting) và nội dung (các trang web) Tên miền là tên địa chỉ chính củawebsite, ví dụ: www.dantri.com là tên miền của website hay là địa chỉ để người xemdùng để truy cập vào website Một website nhất thiết phải có tên miền nhưng cũng có thể

có nhiều tên miền trỏ vào Một số loại tên miền thông dụng

 www.abc.com: Tên miền quốc tế (.net, biz, org )

 www.abc.com.vn: Tên miền quốc gia

 www.abc.com/xyz/ (xyz là tên miền con của website abc) : Tên miền phụ (subdomain)

 www.xyz.abc.com (xyz là tên miền con của website abc)

 v.v

Lưu trữ website: Dữ liệu thông tin của website 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ột server có thể lưu trữnhiều website, nếu server này bị sự cố chẳng hạn nó tắt trong một thời điểm nào đó thìkhông ai có thể truy cập được những website lưu trữ trên server tại thời điểm bị sự cố

Tùy theo nhu cầu lưu trữ thông tin mà doanh nghiệp có thể thuê dung lượng thích hợpcho website.

Hosting: là một không gian trên ổ đĩa của một máy chủ Server để lưu nội dungwebsite nhằm làm cho bất kỳ ai cũng có thể truy cập vào những nội dung này bất kỳ lúcnào, bất kỳ nơi nào, nói cách khác thì Hosting là nơi lưu trữ website để duy trì sự hoạtđộng của website trên mạng, Máy tính lưu những nội dung website này được gọi là máychủ (Server) phải hoạt động 24/24 Một website nhất định phải có hosting thì mới hoạtđộng được

Dung lượng host: Là độ rộng, hay còn gọi là không gian trống của ổ đĩa cứng trênmáy chủ để lưu cơ sở dữ liệu của website (hình ảnh, thông tin …), đơn vị đo dung lượngthường là Mb hoặc Gb

Băng thông hay dung lượng đường truyền: là đại diện cho tốc độ đường truyền haynói cách khác là độ rộng của một dải tần số mà các tín hiệu điện tử chiếm giữ trên mộtphương tiện truyền dẫn, đơn vị đo thông thường là mb/tháng

2.2.4 Phân loại web

2.2.4.1 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 dùng để thiết kế các trang web có nội dung ít cầnthay đổi và cập nhật

- Website tĩnh là website chỉ bao gồm các trang web tĩnh và không có cơ sở dữ

đi kèm

- Website tĩnh thích hợp với cá nhân, tổ chức, doanh nghiệp vừa và nhỏ mới làmquen với môi trường Internet

* Ưu điểm cơ bản:

- Thiết kế đồ hoạ đẹp: Trang Web tĩnh thường được trình bày ấn tượng và cuốn húthơn trang web động về phần mỹ thuật đồ hoạ vì người thiết kế có thể hoàn toàn tự

do trình bày các ý tưởng về đồ hoạ và mỹ thuật trên toàn diện tích từng trang webtĩnh

Tốc độ truy cập nhanh: Tốc độ truy cập của người dùng vào các trang web tĩnhnhanh hơn các trang web động vì không mất thời gian trong việc truy vấn cơ sở 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 vớiphần html, htm,… trong trang web tĩnh không chứa dấu chấm hỏi (?) như trongweb độ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 việc lưu trữ cơ sở dữ liệu, chi phí yêu cầu

hệ điều hành tương thích (nếu có)

* Nhược điểm cơ bản

- Khó khăn trong việc thay đổi và cập nhật thông tin: Muốn thay đổi và cập nhật nộidung thông tin của trang website tĩnh người dùng cần phải biết về ngôn ngữ html, sửdụng được các chương trình thiết kế đồ hoạ và thiết kế web cũng như các chương trìnhcập nhật 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: Do nội dungtrên trang web tĩnh được thiết kế cố định nên khi nhu cầu về thông tin của người truy cậptă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ột website hầunhư là phải làm mới lại website

2.2.4.2 Web động

- Website động (Dynamic website) là website có cơ sở dữ liệu, được cung cấp công

cụ quản 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âuchữ, hình ảnh, âm thanh hay những dữ liệu số hoặc ở dạng bảng hoặc ở nhiều hìnhthức khác nữa

Chẳng hạn, có một ứng dụng cơ sở có chức năng như một công cụ thương mại điện

tử (một cửa hàng trực tuyến) trưng bày danh mục sản phẩm trên website hay theo dõi khohàng, khi một mặt hàng được giao, ngay lập tức những trang có liên quan đến sản phẩm

đó phản ánh sự thay đổi này

Những website có kết nối cơ sở dữ liệu còn có thể thực hiện những chức năng truyền và

xử lý thông tin giữa doanh nghiệp- doanh nghiệp

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ạnh như Access,

My SQL, MS SQL, Oracle, DB2

Thông tin trên web động luôn luôn mới vì nó dễ dàng được cập nhật thường xuyênthông qua việc sử dụng các công cụ cập nhật của các phần mềm quản trị web Thông tinluôn được cập nhật trong một cơ sở dữ liệu và người dùng Internet có thể xem nhữngchỉnh sửa đó ngay lập tức Vì vậy website được hỗ trợ bởi cơ sở dữ liệu là phương tiệntrao đổi thông tin nhanh nhất với người dùng Internet Điều dễ nhận thấy là nhữngwebsite thường xuyên được cập nhật sẽ thu hút nhiều khach hàng

- Web động có tính tương tác với người sử dụng cao Với web động, ta hoàn toà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ác phần mềm

hỗ trợ mà không nhất thiết cần phải có kiến thức nhất định về ngôn ngữ lập trình HTML,lập trình web

Ta cũng có thể nhìn nhận vấn đề theo khía cạnh khác: chẳng hạn đã có sẵn những cơ

sở dữ liệu như cơ sở dữ liệu sản phẩm, nhân sự, khách hàng hay bất kỳ cơ sở dữ liệu nào

đó muốn đưa thêm giao diện web vào để người dùng nội bộ hay người dùng Internet đều

có thể sử dụng chương trình chỉ với trình duyệt web của mình

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ông tinlớn, các website của các tổ chức, doanh nghiệp hoạt động chuyên nghiệp trên internetđều sử dụng công nghệ web động Có thể nói web động là website của giới chuyênnghiệp hoạt động trên môi trường Internet

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

Web động: Có đặc điểm là linh hoạt và thông tin được cập nhật thường xuyên, cácthành phần trên trang web được quản lý dễ dàng

Web động thường được viết bằng các ngôn ngữ lập trình như PHP, ASP.NET, JSP…,vàkết hợp với hệ quản trị cơ sở dữ liệu Mysql & SQL server

Web tĩnh: Là trang web chỉ được viết bằng HTML theo từng trang riêng biệt không

có cơ sở dữ liệu và không có công cụ quản lý thông tin nội dung trên trang web, mỗi lầnmuốn sửa nội dung ta phải trỉnh sửa trực tiếp mã HTML

Hiện nay web động đang được sử dụng rộng rãi vì những ưu điểm của nó Nhưng tại saongười ta vẫn sử dụng web tĩnh?

Không thể phủ nhận là web tĩnh cũng có những ưu điểm nổi bật riêng

Với web tĩnh giao diện được thiết kế tự do hơn do đó nhiều khi trang web tĩnh có trìnhbày đẹp mắt và cuốn hút hơn Web tĩnh thường được sử dụng cho các trang ít có sự thay

đổi về nội dung với lượng thông tin ít Ngoài ra web tĩnh còn có một lợi thế vượt trội làchúng thân thiện với các cơ chế tìm kiếm (search engine) hơn so với web động Bởi vìđường dẫn url của một trang web tĩnh rất đơn giản không phức tạp như web động.

2.3 Ngôn ngữ thiết kế và lập trình web

2.3.1 HTML

HTML hay HyperText Markup Language được hội đồng word wide web Consotiun(W3C) quy định Một tập tin HTML cũng giống như tập tin bình thường với phần mởrộng “.html” hoặc “.htm.”

HTML giúp định dạng văn bản trong trang web nhờ các thẻ Hơn nữa các thẻ html cóthể liên kết từ hoặc một cụm từ với các tài liệu khác trên Internet Đa số các thẻ HTMLđều bắt đầu với một thẻ mở và kết thúc với thẻ đóng tương ứng Thể đóng dùng chung từlệnh giống như thẻ mở nhưng thêm dấu (/) vào trước vd: [<html> </html>] Ngôn ngữHTML với cú pháp không phân biệt chữ hoa và chữ thường nghĩa là ta có thể bắt đầu thẻ

mở bằng chữ thường và kết thúc thẻ đóng bằng chữ hoa Ví dụ ta có thể khai báo như sau

<html> <HTML> và một điều cần lưu ý là không có khoảng trắng trong một định nghĩathẻ

*Cấu trúc chung của một trang HTML

<html>

<head>

<title> Đay là tiêu đề trang web </title>

<meta charset =”utf-8”>

 Thẻ <head></head>: Tạo đầu mục trang

 Thẻ <title></title> : Tạo tiêu đề trang web, đây là thẻ bắt buộc Thẻ title cho

phép người thiết kế trình bày một chuỗi trên thanh tiêu đề của trang web mỗikhi trang web đó được tải lên

 Thẻ <body>…</body>: Là thẻ chứa toàn bộ nội dung được hiện trên trang

web

 Các thẻ định dạng khác Thẻ <p></p> tạo một đoạn văn bản mới Thể

<font></font> thay đổi phông chữ, kích cỡ và màu của văn bản…

 Thẻ định dạng bảng <table></table>: Đây là thẻ tạo một bảng trên trang

web Sau khi khai báo thẻ này người dùng cần khai báo các thẻ hàng<tr></tr>

và thẻ cột <td>/td> cùng với các thuộc tính của nó

 Thẻ <img>: Đây là một thẻ đặc biệt nó không cần thẻ đóng thẻ này cho phép

chèn một hình ảnh vào trang web

 Thẻ Input: Thẻ input cho phép người dùng nhập dữ liệu, thẻ input bao gồm

các loại thẻ như: text, password, submit,…

 Thẻ Select:Thẻ Select cho phép người dùng chọn phần tử trong tập phương

thức đã được định nghĩa trước Nếu thẻ Select cho phép người dùng chọn mộtphần tử trong danh sách phần tử thì thẻ Select sẽ giống như combobox Nếuthẻ Select cho phép người dùng chọn nhiều phần tử cùng một lần trong danhsách phần tử, thẻ Select đó là dạng listbox

 Thẻ Form: Khi muốn submit dữ liệu người dùng nhập từ trang Web phía

Client lên phía Server, có hai cách để làm điều này ứng với hai phương thứcPOST và GET trong thẻ form Trong một trang Web có thể có nhiều thẻ Formkhác nhau, nhưng các thẻ Form này không được lồng nhau, mỗi thẻ form sẽđược khai báo hành động (action) chỉ đến một trang khác

2.3.2 Ngôn ngữ định dạng css

Mặc dù HTML cũng có những thuộc tính giúp người dùng định dạng màu sắc, kíchthước của một số thành phần trên trang web nhưng khi họ muốn tùy chỉnh vị trí của mộtphần tử hoặc tạo hiệu ứng cho phần tử thì HTML không thể làm được Lúc này cần sửdụng đến CSS

Vậy css là gi? CSS là viết tắt của từ Cascading Style Sheets Với CSS người dùng cóthể thỏa sức sáng tạo trong thiết kế web bằng cách tùy chỉnh vị trí các phần tử, màu sắc,màu nền, font chữ, thứ tự sắp xếp của các phần tử, hệu ứng những điều mà HTML gầnnhư không làm được

Vậy làm sao để nhúng CSS vào trang web? có ba cách để nhúng css vào một trangweb

Cach 1: Chèn trực tiếp vói cặp thẻ<style></style>

<title> chèn css vào trang web </title>

<body style=”color: red; background: yellow”>

Helo ! Chào mọi người

<title> chèn css vào trang web </title>

<link rel=”stylesheet” href=”/style.css”>

2.3.3 Ngôn ngữ lập trình PHP

2.3.3.1 Khái niệm php

PHP là viết tắt của “Personal Home page” do Resmus 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ôitrường chuyên nghiệp và nó trở thành “PHP: Hypertext Preprocessor”

Thực chất thì PHP là ngôn ngữ kịch bản nhúng trong HTML, nói một đơ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ủ(Sver-side) và không phụ thuộc vào môi trường(cross-platform) Đây là haiyế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 thực hiện trên máy chủ, thứ hai do nó không phụ thuộc môi trường chophép PHP chạy trên hầu hết các hệ điều hành như windows, Unix…Đặc biệt các mã kịchbản PHP viết trên máy chủ này sẽ làm việc bình thường trên các máy chủ khác mà khôngcần phải chỉnh

Khi một trang web muốn sử dụng PHP thì phải đáp ứng được tất cả các quá trình sử

lý thông tin trong trang web đó , sau đó đưa ra kết quả là các trang HTML

Khác với ngô ngữ lập trình khác, PHP được thiết kế để thực hiện một yêu cầu khimột sự kiện sả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.3.3.2 Lý do chọn 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 kết quả giống nhau Người lậptrình có thể lựa chọn một ngôn ngữ bất kỳ: ASP, PHP, JAVA, PERL Vậy tại sao lại nênchọn PHP Có rất hiều lý do để ta chọn PHP :

Thứ nhất PHP là một gôn ngữ mã nguồn mở dễ dàng sử dụng và tạo ra các trang web

2.3.3.3 Cách hoạt động của PHP

Vì PHP là ngôn ngữ phía server nên mã lệnh của PHP sẽ thực thi trên máy chủ đểphục vụ các trag web theo yêu cầu của người dùng thông qua trình duyệt web

Sơ đồ hoạt động

Có 4 loại thẻ khác nhau có thể sử dụng khi thiết kế trang PHP

 Kiểu Short: Thẻ mặc định mà các nhà lập trình PHP thường sử dụng

2.3.3.5 Biến trong PHP

Cách chính để lưu trữ thông tin trong chương trình PHP là sử dụng một biến Dướiđây là những điều cần chú ý khi sử dụng biến trong php

Khai báo biến: $var_name = value,

 Tất cả các biến trong PHP đều được ký hiệu với dấu $ ở đầu

 Gía trị của một biến là giá trị của phép gán gần nhất của nó

 Các biến được gán với toán tử bằng “=”

 Biến có thể được khai báo trước khi gán giá trị

 Biến được sử dụng trước khi chúng được gán, có các giá trị mặc định

 PHP làm rất tốt việc chuyển đổi tự động từ kiểu này sang kiểu khác khi cầnthiết

 Biến trong PHP giống với Perl(perl một ngôn ngữ lập trình do Lary Wall thiếtkế)

Trong PHP có tổng tất cả 8 kiểu dữ liệu có thể sử dụng để xây dựng các biến

 Integer –số nguyên Vd 132

 Double – số thực dv 3.232

 Boolean – là kiểu đặc biệt, nó chỉ có giá trị: NULL

 String – là kiểu chuỗi ký tự

 Array – kiêu dữ liệu mảng

 Object kiểu đối tượng

 Resource là một biến đặc biệt nó giữ tham chiếu tới các tài nguyên ngoại viđến PHP (kết nối Database)

_FILE_: Tên của scrip file đang thực hiện

_LINE_: Số dòng của mã scrip đang thực hiện trong script file hiện tại

_PHP_VERSION_: Version của PHP đang chạy

TRUE

FALSE

E_EROR: Hiện thông báo lỗi

E_PARSE: Báo lỗi sai khi biên dịch

E_NOTICE: Một vài sự kiện có thể là lỗi

2.3.3.7 Biể thức

Biểu thức là một phần quan tọng trong PHP một dạng cơ bản nhất của biểu thức baogồm các biến và hằng số PHP hỗ trợ ba kiểu giá trị cơ bản nhất: Số nguyên, số thực vàxâu Ngoài ra còn có mảng và đối tượng Mỗi kiểu giá trị này có thể gán cho các biến haylàm giá trị ra của các hàm

2.3.3.8 Cấu trúc lệnh

 Các lệnh điều kiện và toán tử

Mỗi câu lệnh điều kiện bao gồm một mệnh đề if:

if(điều kiện){

//thực hiện một điều gì đó }

Điều kiện này có thể được mở rộng thành:

if(điều kiện){

//thực hiện một điều gì đó } else {

//thực hiện một điều khác }

Và:

if(điều kiện 1){

//thực hiện một điều gì đó } elseif(điều kiện 2) { //thực hiện một điều khác }else {

//thực hiện một điều khác nữa }

Các toán tử thường được sử dụng với câu lệnh điều kiện

Kí hiệu Ý nghĩa Dạng Ví dụ

== Bằng So sánh $x==$y

Phát biểu đơn giản nhất trong PHP là vòng lặp While, cho phép thực thi khối lệnhtrong While cho đến điều kiện của While là True như cú pháp:

While (condition) {

Expression;

}

Trong đó:

Condition: Biểu thức điều kiện, biến,

Expression: Khối lệnh trong vòng lặp while

Condition: Điều kiện giới hạn của vòng lặp for

Expression1: Giá trị khởi đầu của vòng lặp for

Expression2: Giá trị lặp của vòng lặp for

Expression3: Khối lệnh bên trong của vòng lặp for

 Vòng lặp do while

Do { expression } while(condition)

Trong đó:

Expression: Khối lệnh bên trong vòng lặp do while

Condition: Biểu thức điều kiện, biến

 Vòng lặp while

While(condition)

{ expression;

}

Trong đó: Biểu thức điều kiện, biến

Expression: Khối lệnh bên trong vòng lặp while

 Exit: Thoát khỏi các vòng lặp hay phát biểu điều khiển nào đó

Function add_some_extra (&$string)

{$string =’and somthing extra’; }2.3.3.12 Tham số có giá trị mặc địnhFunction makecoffee($type = “cappucino”)

{ Return “Making a cup of $type \n”; }Chú ý: Khi sử dụng hàm có đối số có giá trị mặc định, các biến này sẽ phải nằm vềphía phải nhất trong danh sách đối số

Function makeyogurt($flavour, $type=”acidophilus”)

{Return “Making a bowl of $type $flavour \n”;

}

2.3.3.13 Giá trị trả lại của hàm

Có thể là bất kỳ giá trị nào Tuy vậy, không thể trả lại nhiều giá trị riêng lẻnhưng có thể trả lại một mảng các giá trị

Các toán tử logic: And, or, xor: &&, ||, !

Toán tử thao tác với bít: &, |, ^, ~, <<, >>

Toán tử so sánh: ==, !=, <, >, <=, >=, ===

Toán tử điều khiển lỗi: @

Khi đứng trước một biểu thức thì các lỗi của biểu thức sẽ bị bỏ qua và lưu trong

$a=&$b; ==> $a, $b trỏ tới cùng một giá trị

Tham chiếu truyền giá trị bằng tham chiếu Thực hiện việc này bằng cách tạo mộthàm cục bộ và truyền giá trị được tham chiếu

Ví dụ:

function f(&$var)

{$var++; } $a=5;

f($a);

> Kết quả: $a=6;

Giá trị trả lại của một hàm bằng tham chiếu rất tiện lợi khi muốn sử dụng hàm để tìmmột giá trị trong một phạm vi nào đó

2.3.3.18 Khai báo và sử dụng Session, Cookie

Trang web HTML thông thường sẽ không thể truyền dữ liệu từ trang này sang trangkhác Nói một cách khác là: tất cả thông tin trở thành quên lãng khi một trang web mới

được tải Điều này gây khó khăn cho một số công việc như là mua hàng (shopping carts)những thứ cần thiết dữ liệu (sản phẩm người dùng đã chọn) ghi nhớ từ trang này sangtrang khác.

 Khái niệm điều khiển Session

PHP session giải quyết vấn đề này bằng cách cho phép lưu trữ dữ liệu của ngườidùng trên server để sử dụng về sau (như username, món hàng ) Tuy nhiên những thôngtin session này chỉ là tạm thời và thường bị xoá đi ngay khi người dùng rời khỏi trangweb đã dùng session

Chính vì tính tạm thời này mà nếu ứng dụng cần thiết lưu trữ dữ liệu một cách lâudài, hãy dùng các cách lưu trữ khác như là csdl Mysql

Session hoạt động bằng cách tạo 1 chuỗi unique (UID) cho từng vistore và chứathông tin dựa trên ID đó Việc này sẽ giúp tránh tình trạng dữ liệu bị xung đột giữa cácuser

Lưu ý: Nếu vẫn còn ít kinh nghiệm về việc dùng session trong ứng dụng thì khôngnên dùng nó trên các website đòi hỏi bảo mật cao vì rất dễ gây ra các lỗ hổng bảo mậtnguy hiểm

 Bắt đầu với PHP Session

Việc đầu tiên trước khi làm bất cứ việc gì với session là phải chạy nó trước, và nóđược đặt ngay trên đầu trang code, trước khi HTML được xuất ra

Dưới đây là 1 ví dụ đơn giản về việc tạo session trong PHP

 Lưu giá trị của session

Khi muốn lưu trữ 1 thông tin nào đó ở session, được dùng như 1 mảng kết hợp đó

là nơi lưu và lấy dữ liệu ra Sau đây là 1 ví dụ đơn giản cho việc đơn giản này

PHP Code:

<?php

session_start();

$_SESSION['views'] = 1; // lưu views

echo "Pageviews = " $_SESSION['views']; //lấy views và hiện thị

đó lên một

 Xóa và Hủy Session

Mặc dù dữ liệu trong session chỉ mang tính chất tạm thời và nó không yêu cầu phảixóa sau khi sử dụng, nhưng có thể trong trường hợp nào đó người dùng phải xóa dữ liệucủa nó cho mục đích của họ

PHP Code:

<?php

session_start();

if(isset($_SESSION['cart']))

 Khái niệm Cookie:

Cookie là một mẩu nhỏ thông tin được lưu trữ xuống từng máy tính truy cập đếnWebsite Có thể gán cookie trên máy tính của người dùng thông qua HTTP Header, bằngcách khai báo như sau:

Set – Cookie : Name = Value; [expires=Date;]

[path = Path;] [domain = Domain_name;] [secure]

Khai báo trên tạo ra cookie với tên là Name, giá trị là Value, các tham số khác làtham số tuỳ chọn Expires là thời gian giới hạn mà cookie này không thích hợp nữa Nếuthời gian không cung cấp trong cookie, cookie này sẽ còn hiệu lực cho đến khi ngườidùng xoá tập tin Cookie

2.4.1 Giới thiệu về Mysql

 MySQL là RDBMS mã nguồn mở nó được tạo ra bởi MySQL AB

 Phiên bản đầu tiên ra đời vào 23/12/1995 và phiên bản mới nhất 5.7.12 được rađời 12/12/2016 Hiện nay MySQL được phát triển, phân phối và hỗ trợ bởiOracle

 Với MySQL PHP cho phép kết nối và điều khiển csdl

 MySQL là RDBMS được sử dụng phổ biến nhất với php

 PHP kết hợp với MySQL tạo thành một nền tảng để phát triển các ứng dụng web

 Các ứng dụng dùng MySQL: youtobe, facebook, twitter, joomla,…

2.4.2 Đặc điểm của MySQL

 Quản trị CSDL theo mô hình client – server

 Sử dụng chuẩn CSDL

 Hỗ trợ các OS:Windows, Linux, OS X, FreeBSD,…

 Ngôn ngữ: Tiếng anh

 Tốc độ nhanh, đơn giản, dễ sử dụng và hoàn toàn miễn phí

2.4.3 MySQL và PHP

Để connect tới một CSDL trên MySQL Server rất đơn giản Chỉ cần sử dụng hàm:mysqli_connect(hót,user,password) để mở một kết nối tới MySQL Server với kết quả làgiá trị trả về của hàm (giả sử là biến dbname) Sau đó sử dụng hàm mysql_select_db(dbname,$ketnoi)

VD:

Hình 1.1.kêt nối csdl

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

VD:

<?php

mysql_query("insert into hang value('$mahang', '$tenhang')", $link)ordie("khong chen duoc co so du lieu" mysql_error());

Để lấy kết quả thực hiện, ta có thể dùng hàm mysql_result(), mysql_fetch_row(),mysql_fetch_array(), mysql_fetch_object()

* mysql_fetch_row():Trả về một mảng các dữ liệu lấy từ 1 dòng trong CSDL Nếu

đã ở cuối CSDL, giá trị trả về là false Người dùng phải dùng chỉ số của các trường trongCSDL nếu muốn lấy dữ liệu

VD:

Hình 1.2: kêt quả hàm mysql_affocted_row

* mysql_fetch_array(int result[, int result_type]): Trả về một mảng chứa dữ liệu

lấy từ một dòng trong CSDL Tương tự như mysql_fetch_row() nhưng vớimysql_fetch_array có thể lấy thêm trường để lấy dữ liệu

* 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 cơ sở dữ liệu

2.5 Công cụ và phần mềm hỗ trợ lập trình

2.5.1.XAMPP

XAMPP là chương trình tạo máy chủ web (web server) được tích hợp sẵn Apache,PHP, MySQL, FTP Server, Mail server và các công cụ như phpMyAdmin Không nhưAppserv, Xampp có chương trình quản lý khá tiên lợi, cho phép chủ động bật tắt hoặckhởi động lại các dịch vụ máy chủ bất kỳ lúc nào Chương trình được phát triển theo cácđiều khoản của GNU General Public License và hoạt động như một máy chủ web miễnphí có khả năng phục vụ các trang động Xampp là có sẵn cho Windown, Linus, Mac OS

X, và được sử dụng chủ yếu cho các dự án phát triển web Phần mềm này rất hữu íchtrong khi lập trình viên đang tạo các trang web động bằng ngôn ngữ lập trình php, JSP,Servlets, hoặc các công cụ thiết kế Web như Joomla…

Hinh 2.1: giao diện XAMPP trên trinh duyệt

XAMPP được nén dưới dạng tâp tin zip, rar hoặc exe được tải về và chạy XAMPPđược cập nhật thường xuyên để kết hợp các phiên bản mới nhất của Apache, MySQL,PHP và Perl Nó cũng đi kèm với một số module khác bao gồm OpenSSL vàphpMyadmin

Việc cài đặt XAMPP tốn ít thời gian hơn so với việc cài đặt từng thành phần của nómột cách riêng biệt Khép kín, nó có thể tồn tại trên một máy tính và sao chép sang mộtmáy tính bất kỳ Để cài đặt XAMPP người dùng chỉ cần lên trang chủ của xam:

www.apachefriends.org và tải file cài đặt về cài như các phần mềm thông thường khác

2.5.2 Sublime Text 3

Sublime Text là một code editor mạnh mẽ và dược đông đảo các web developer,coder, programmer sử dụng và yêu thích Sublime Text do Jon Skinner tạo ra vào tháng 1nam 2008, được viết dựa trên ngôn ngữ lập trình Python và C++

Sublime Text có giao diện trực quan, rất bắt mắt, nhiều tính năng mạnh mẽ và có thể

mở rộng thêm thông qua Package Control Hỗ trợ nhận diện và tô màu từ khóa cho hơ 20ngôn ngữ khác nhau chẳng hạn như HTML, CSS, Javascrip, C++, PHP…

Sublime Text hỗ trợ hệ điều hành Windown, Linus, Mac OS X

Sublime Text 3 hiện là phiên bản mới nhất hiện vẫn trong giai đoạn thử nghiệmnhưng nó thực sự mạnh mẽ nó chứa nhiều tính năng vượt trội so với sublime Text 2

Cài đặt Sublime Text 3

Sublime Text 3 hỗ trợ 3 hệ điều hành là Windown, OS X, Linux Để cài đặt SublimeText hãy truy cập vào trang chủ của Sublime Tex và download phiên bản phù hợp với hệđiều hành và cài đặt bình thường.

Hình 2.2: giao diện Sublime Text 3

CHƯƠNG 3: XÂY DỰNG ỨNG DỤNG WEB BÁN MÁY TÍNH

Phần mở đầu sẽ phân tích khái quát các yêu cầu của đề tài cũng như tóm tắt hoạtđộng của hệ thống mà dự án sẽ được ứng dụng , phạn vi ứng dụng của đề tài và đối tượng

sử dụng, mục đích của dự án Xác định yêu cầu của khách hàng: Xuất phát từ hệ thốnghiện hành của cửa hàng cùng với yêu cầu của khách hàng để đưa ra được yêu cầu hệthống cần xây dựng như việc thiết kế giao diện, yêu cầu về chức năng và yêu cầu về bảomật Trong phần này em sẽ đi xây dựng một số biểu đồ Use Case, biểu đồ hoạt động củacác chức năng trong hệ thống và thông tin cơ sở dữ liệu của ứng dụng

3.1 Phân tích yêu cầu đề tài

3.1.1 Tóm tắt hoạt động của hệ thống

Là một website chuyên bán các sản phẩm máy tính, linh phụ kiện máy tính, điệnthoại di động…cho các cá nhân và doanh nghiệp

-Một trang web động với thông tin được cập nhật liên tục

-Người dùng truy cập vào trang web có thể xem, tìm kiếm, đặt hàng và mua sảnphẩm

- Người dùng có thể xem thông tin chi tiết sản phẩm có hình ảnh minh họa

- Sau khi đặt hàng khách hàng có thể quay lại trang mua hàng để xem các sản phẩmkhác

- Đơn giá của mỗi mặt hàng đều được ghi trên sản phẩm

- Người dùng có thể lựa chọn hình thúc giao hàng, hình thức thanh toán trên hệthống

3.1.2 Phạm vi ứng dụng của dự án

Trang bán hàng trực tuyến dành cho tất cả mọi người có nhu cầu mua sắm trên mạng.Với ứng dụng website kinh doanh trực tuyến sẽ giúp tiếp cận nhiều hách hàng , rút ngắnđược thời gian làm việc và đưa thông tin đến cho khách hàng nhanh chóng và chính xácnhất

3.1.3 Đối tượng sử dụng

Có hai đối tượng sử dụng chính là người dùng và người quản trị trang

+ Người dùng: Thông qua website, khách hàng có thể xem thông tin, lựa chọnnhững sản phẩm mình thích ở mọi lúc mọi nơi

+ Người quản trị: Nhà quản trị có toàn quyền quản lý cũng như cập nhật sản phẩm(thêm, sửa, xóa) quản lý hóa đơn, khách hàng, đảm bảo tính bảo mật tro trang web.

3.1.4 Mục đích của dự án

- Đáp ứng nhu cầu mua hàng trực tuyến ngày càng tăng của mọi nhà, xây dựng mộttrang bán hàng trực tuyến hiệu quả

-Rút ngắn khoảng cách giữa người mua và người bán, tạo ra một website trực tuyến

có thể đưa nhanh thông tin cũng như việc trao đổi mua bán các loại máy tính, điện thoạitrên kênh bán hàng online

- Quản lý hàng hóa, hóa đơn một cách rễ ràng hơn

- giúp người dùng dễ dàng tìm kiếm sản phẩm mà họ cần

3.2 Xác định yêu cầu của khách hàng

3.2.1 Hệ thống hiện hành của cửa hàng

Hiện tại cửa hàng đang sử dụng cơ chế quảng cáo, hợp đồng trưng bày, đặt hàng trựctiếp tại trung tâm do các nhân viên bán hàng trực tiếp đảm nhận (hoặc có thể gọi điện đếnnhà phân phối để đặt hàng và cung cấp địa chỉ để nhân viên giao hàng tận nơi cho kháchhàng) Trong cả hai trường hợp trên khách hàng đều nhận hàng và thanh toán trực tiếpbằng tiền mặt tại nơi giao hàng.Và trong tờ hoá đơn khách hàng phải điền đầy đủ thôngtin cá nhân và số lượng mặt hàng cần mua Kế toán phải chuẩn bị hoá đơn thanh toán,nhập một số dữ liệu liên quan như ngày, giờ, tên khách hàng, mã số mặt hàng, số lượngmua, các hợp đồng trưng bày sản phẩm, tổng số các hoá đơn vào trong sổ kinh doanh

3.2.2 Yêu cầu hệ thống

Để có thể vừa quảng cáo, bán hàng và giới thiệu sản phẩm của cửa hàng trên mạng thìwebsite cần có các phần như:

 Về giao diện:

 Giao diện người dùng

 Phải có một giao diện thân thiện dễ sử dụng

 Phải nêu bật được thế mạnh của website, cũng như tạo được niềm tin cho khách hàng ngay từ lần ghé thăm đầu tiên

 Giới thiệu được sản phẩm của cửa hàng đang có

 Có biểu mẫu đăng ký để trở thành thành viên

 Có danh mục sản phẩm.

 Chức năng đặt hàng, mua hàng

 Có biểu mẫu liên hệ

 Chức năng tìm kiếm sản phẩm

 Mỗi loại sản phẩm cần phải có trang xem chi tiết sản phẩm

 Mục login của khách hàng khi đã trở thành thành viên gồm có: Tên đăng

nhập (Username), mật khẩu đăng nhập (password).

 Giao diện người quản trị

 Đơn giản, dễ quản lý và không thể thiếu các mục như:

 Người Admin có toàn quyền giữ bảo mật cho website bằng mật khẩu riêng

 Quản lý User & Password của khách hàng an toàn: Thông tin của khách hàngđược bảo mật

 Về hệ thống

 Phần cứng: PC bộ vi xử lý pentium III, ram 128 trở lên, ổ cứng 10G trở lên

 Hệ điều hành: Windown XP trở lên

 Phần mềm hỗ trợ: XAMPP, mySQL

Lựa chọn giải pháp

 Chương trình sử dụng ngôn ngữ PHP và cơ sở dữ liệu MySQL