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

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

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

Thông tin tài liệu

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 trình thực tập quan tâm giúp đỡ tận tình thầy giáo ,cơ giáo, em hồn thành 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” Hồn thành báo cáo này, cho phép em bày tỏ lời cảm ơn tới tồn thể thầy giáo khoa Công nghệ thông tin trường “ Cao Đẳng kinh tế kỹ thuật trung ương ” tạo điều kiện giúp đỡ em hoàn thiện 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 suốt trình nghiên cứu thực đề tài Tuy nhiên, thời gian có hạn kinh nghiệm lập trình web cịn hạn chế, thực đề tài khơng tránh khỏi thiếu sót định Vì vậy, em mong nhận bảo, góp ý thầy để em có điều kiện bổ sung nâng cao kinh nghiêm thân Em xin chân thành cảm ơn! Hà nội, ngày…tháng…nam 2017 SINH VIÊN Dương văn tuyến LỜI NÓI ĐẦU Ngày internet trở nên thông dụng thiếu sống, gắn liền với phát triển internet hệ thống hàng triệu website Website có vai trò quan trọng việc đưa người tiếp cận thông tin cách nhanh Website nguồn thơng tin phong phú, giúp rút ngắn khoảng cách người toàn giới Ngày website trở thành phần thiếu lĩnh vực đời sống Nó phát triển với nhiều dạng khác nhau, trang chia sẻ thơng tin, tin tức giúp người tiếp cận thông tin cách rễ ràng, trang thương mại điện tử giúp moi người trao đổi mua hàng mà không cần khỏi nhà hay trang quảng bá cơng ty giúp doanh nghiệp rễ ràng tiếp cận hàng triệu khách hàng với chi phí tối ưu nhất…Đến ta có thấy tầm quan trọng website gắn liền vơi phát triển quốc gia Website sản phẩm tốt internet, mang đến lợi ích vô to lớn đem lại nhiều hội cho người sử dung Website mang lại cho người dùng thông tin cần thiết, vấn đề cần giải đáp sống tìm trang web, trả lời thắc mắc với thời gian nhanh chóng hiệu Khơng , với phát triển mẫu web bán hàng trực tuyến cho phép người dùng internet tiếp cận tất sản phẩm doanh nghiệp toàn giới Đối với doanh nghiệp website nơi giới thiệu hình ảnh, thương hiệu sản phẩm doanh nghiệp đến với người dùng Website tạo lợi ích đa chiều từ người mua người bán, giúp cho người mua có thơng tin cần, tư vấn, đặt hàng toán trực tuyến, giúp cho việc trở nên tự độnng hóa mà khơng phải trở nên q phức tạp Với lí đó, 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 CẢM ƠN LỜI NÓI ĐẦU .2 LỜI NÓI ĐẦU .6 CHƯƠNG 1: GIỚI THIỆU ĐƠN VỊ THỰC TẬP 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 cơng ty 1.3 Kinh nghiệm thành tựu công ty đạt 1.4 Văn hóa cơng ty .2 1.5 Cơ cấu tổ chức .4 2.2.4 Phân loại web .8 2.3.2 Ngôn ngữ định dạng css 12 2.3.3 Ngôn ngữ lập trình PHP 15 2.4 CSDL MySQL .27 2.4.1 Giới thiệu Mysql 27 2.4.2 Đặc điểm MySQL 27 2.4.3 MySQL PHP 27 2.5 Công cụ phần mềm hỗ trợ lập trình .29 2.5.1.XAMPP 29 2.5.2 Sublime Text 30 CHƯƠNG 3: XÂY DỰNG ỨNG DỤNG WEB BÁN MÁY TÍNH .31 3.1 Phân tích yêu cầu đề tài 31 3.1.1 Tóm tắt hoạt động hệ thống 31 3.1.2 Phạm vi ứng dụng dự án 32 3.1.3 Đối tượng sử dụng .32 3.1.4 Mục đích dự án 32 3.2 Xác định yêu cầu khách hàng 32 3.2.1 Hệ thống hành cửa hàng 32 3.2.2 Yêu cầu hệ thống 33 3.3 Yêu cầu giao diện website 34 3.3.1 Giao diện người dùng 34 3.3.2 Giao diện người quản trị 35 3.4 Phân tích chức hệ thống .35 3.4.1 Các chức đối tượng Customer (Khách vãng lai) 36 Input: Khách vãng lai phải nhập đầy đủ thông tin (*: thông tin bắt buộc) 37 Tên đăng nhập: (*) .37 Mật khẩu: (*) 37 Nhập lại mật (*) 37 Họ tên: Nhập họ tên (*) .37 Email: nhập email (*) 37 Địa chỉ: Nhập địa Member (*) .37 Điện thoại: Nhập điện thoại (*) 37 Nhập mã an toàn: (*) 37 3.4.2 Các chức đối tượng Member (thành viên) 38 3.4.3 Chức Administrator 39 3.5 Biểu đồ phân tích thiết kế hệ thống 41 3.5.1 Biểu đồ hoạt động 41 3.5.2 Đặc tả Use-case 55 3.6 Cách tổ chức liệu thiết kế chương trình cho trang Web .60 3.6.1 Bảng giỏ 60 Dùng để lưu thông tin giỏ hàng khách hàng 60 3.6.2 Bảng hóa đơn 61 Dùng để lưu thông tin đơn hàng 61 3.6.3 Bảng liên hệ 61 Dùng để quản lí thắc mắc liên hệ khách hàng 61 3.6.4.Bảng loại sản phẩm .62 Dùng để quản lí danh mục loại sản phẩm 62 3.6.5 Bảng nhóm sản phẩm 62 Dùng để quản lý nhóm sản phẩm .62 3.6.6 Bảng sản phẩm 62 Dùng để quản lý sản phẩm 62 3.6.7 Bảng thành viên 63 Dùng để quản lý thành viên 63 3.6.8 Sơ đồ thực thể liên kết 64 3.7 Yêu cầu bảo mật .64 3.8 Thiết kế giao diện 65 3.8.1 Giao diện trang chủ 65 3.8.2 Giao diện Form đăng nhập 66 3.8.3 Giao diện Form liên hệ 66 3.8.4 Giao diện trang giỏ hàng 67 3.8.5 Giao diện Form đăng ký thành viên 67 3.8.6 Giao diện trang chi tiết sản phẩm .68 3.8.7 Giao diện trang quản trị .68 4.1 Đánh giá kết việc thực chuyên đề 69 4.2 Kiến nghị với đơn vị thực tập nhà trường 69 4.3 Tài liệu tham khảo .70 LỜI NÓI ĐẦU Ngày internet trở nên thông dụng thiếu sống, gắn liền với phát triển internet hệ thống hàng triệu website Website có vai trò quan trọng việc đưa người tiếp cận thông tin cách nhanh Website nguồn thơng tin phong phú, giúp rút ngắn khoảng cách người toàn giới Ngày website trở thành phần thiếu lĩnh vực đời sống Nó phát triển với nhiều dạng khác nhau, trang chia sẻ thơng tin, tin tức giúp người tiếp cận thông tin cách rễ ràng, trang thương mại điện tử giúp moi người trao đổi mua hàng mà không cần khỏi nhà hay trang quảng bá cơng ty giúp doanh nghiệp rễ ràng tiếp cận hàng triệu khách hàng với chi phí tối ưu nhất…Đến ta có thấy tầm quan trọng website gắn liền vơi phát triển quốc gia Website sản phẩm tốt internet, mang đến lợi ích vô to lớn đem lại nhiều hội cho người sử dung Website mang lại cho người dùng thông tin cần thiết, vấn đề cần giải đáp sống tìm trang web, trả lời thắc mắc với thời gian nhanh chóng hiệu Khơng , với phát triển mẫu web bán hàng trực tuyến cho phép người dùng internet tiếp cận tất sản phẩm doanh nghiệp toàn giới Đối với doanh nghiệp website nơi giới thiệu hình ảnh, thương hiệu sản phẩm doanh nghiệp đến với người dùng Website tạo lợi ích đa chiều từ người mua người bán, giúp cho người mua có thơng tin cần, tư vấn, đặt hàng toán trực tuyến, giúp cho việc trở nên tự độnng hóa mà khơng phải trở nên q phức tạp Với lí đó, 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 Mã số thuế: 0107068201 Đia chỉ: Số 125 Trần Phú – Hà Đông – Hà Nội Điện thoại: 04665831789 Hotnile: 01288887788 Gmail: adword.google@gmail.com Website: www.web.adwordsgoogle.com.vn Công ty TNHH KEYWORD MAGNETS thức thành lập ngày 28 tháng 10 năm 2015 theo giấy phép kinh doanh số 0107068201 sở kế hoạch đầu tư Thành phố Hà Nội cấp Công ty có trụ sở đặt số 48 đường Tố Hữu - phường Nhân Chính - Quận Thanh Xuân - Hà Nội Ngành nghề kinh doanh thiết kế website, cung cấp 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 công ty Công ty TNHH KEYWORD MAGNETS tên giao dịch “Keyword magnets” đơn vị hoạt động chuyên nghiệp lĩnh vực thiết kế website, thương mại điện tử giải pháp quảng cáo trực tuyến Mục tiêu “Keyword magnaets” hỗ trợ đơn vị kinh tế , xã hội tham gia hoạt động tuyên truyền , quảng bá , kinh doanh môi trường internet toàn cầu đật hiệu cao với mức chi phí thấp Keyword magnaets ln đầu việc nghiên cứu , phát triển cung cấp giải pháp, chương trình phần mềm web gải pháp quảng cáo trực tuyến tốt cho khách hàng toàn giới Các sản phẩm Keyword magnets phát triển dựa đòi hỏi từ thực tiễn phải đáp ứng, giải yêu cầu quản trị, điều hành kinh doanh khách hàng yêu cầu phát triển, mở rộng khách hàng tương lai Điểm bật, mạnh mẽ giải pháp, sản phẩm Keyword magnaets cung cấp phát huy khả sáng tạo khách hàng Khách hàng dễ dàng làm chủ công nghệ, kỹ thuật, dễ dàng thể điều hành hoạt động theo ý đồ mục đích sử dụng sản phẩm công ty Keywords magnets việc quản trị nội dung Song song với việc cung cấp giải pháp, sản phẩm cho công ty, tổ chức tập thể, cá nhân, cơng ty Keywords magnets cịn nhà tư vấn phát triển chuyên nghiệp, uy tín trog chương trình xây dựng phát triển mạng thơng tin, mạng thương mại phạm vi tồn quốc Thành công sức mạnh Keywords magnets thể trọng việc hợp tác chặt chẽ hiệu với đơn vị hàng đầu lĩnh vực quảng cáo trực tuyến, keywords magnets đối tác số google việt nam Đén với Keywords magnets khách hàng nhận tư vấn chuyên nghiệp, tiết kiệm chi phí thời gian nhiên đạt hiệu cao Công ty Keywords magnets hoạt động theo phương châm “Hợp tác để phát triển” ln đặt lợi ích hàng lên hàng đầu, sẵn sàng hỗ trợ 24/24 khách hàng yêu cầu 1.3 Kinh nghiệm thành tựu công ty đạt Keywords magnets lắng nghe thấu hiểu nhu cầu khách hàng, từ áp dụng kỹ năng, kinh nghiệm tư sáng tạo để đưa giải pháp tốt cho khách hàng: • Ln tạo sản phẩm chất lượng cao • Các sản website với thiết kế ấn tượng tính chun 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 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 cộng đồng công nhận cách nỗ lực áp dụng công nghệ, tri thức, góp phần tổ chức doanh 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 thành tựu đạt công ty khẳng định vị lĩnh vực CNTT, tương lai cơng ty hướng tới chở thành doanh nghiệp có tên tuổi hàng đầu, với uy tín lâu dài thị trường ứng dụng website thương mại điện tử quảng cáo trực tuyến 1.4 Văn hóa cơng ty  Phương trâm hoạt động Công ty hoạt động theo phương trâm “làm việc đồn kết, hợp tác, có trách nhiệm, làm việc khoa học thực theo quyết” Quyết tâm làm việc theo mơ hình quản lý chun nghiẹp Quyết tâm làm việ có trách nhiệm Quyết tâm làm việc theo quy trình Quyết tâm cải tiến phương pháp làm việc Quyết tâm xây dựng thương hiệu vững mạnh  Các hoạt động cộng đồng Sau tuần làm việc vất vả cuối tuần khoảng thời gian để nghỉ ngơi, thư giãn Để nâng cao tinh thần tập thể, thành công cơng việc, giúp người hiểu cơng ty thương xuyên tổ chức buổi team Building ngoai trời buổi giao lưu bóng đá phịng ban giúp cho anh em cơng ty giao lưu tiếp xúc hiểu 1.5 Cơ cấu tổ chức SƠ ĐỒ BỘ MÁY CÔNG TY HĐQT GIÁM ĐỐC P Gíam đốc Bộ phận Kinh doanh KỹThuật Chăm sóc khách hàng Marketing Quảng cáo Addword Thiết kế web coded testter Nhân Kế toán  Dưới biểu đồ Hình 3.16 Biểu đồ chức tìm kiếm • Use-case quản lý sản phẩm Hình 3.17 Use-case quản lý sản phẩm - Lớp biên: Login, Interface - Lớp điều khiển: Control - Lớp thực thể: Database 56 Hình 3.18 Biểu đồ cộng tác chức cập nhật  Chức thêm sản phẩm Hình 3.19 Biểu đồ chức thêm sản phẩm 57  Chức sửa thơng tin sản phẩm Hình 3.20 Biểu đồ chức sửa thông tin sản phẩm  Chức xóa sản phẩm: Hình 3.21 Biểu đồ chức xóa sản phẩm Tương tự Use-case quản lý người dùng hệ thống quản lý khách hàng (với chức thêm, sửa, xóa) 58  Chức đăng nhập: Hình 3.22 Biểu đồ chức đăng nhập 59  Chức đăng ký thành viên Hình 3.23 Biểu đồ chức đăng ký thành viên 3.6 Cách tổ chức liệu thiết kế chương trình cho trang Web Việc tổ chức liệu phải giải yêu cầu phân tích để lúc hiển thị lên trang Web có giao diện dễ nhìn, dễ dàng, hấp dẫn khách hàng Một phương pháp sử dụng rộn rãi từ trước đến quản lí theo nhóm sản phẩm Mỗi nhóm có mã nhóm tên nhóm để nhận biết Đối với Website này, với sản phẩm, sản phẩm tương ứng với mã hãng mã loại sản phẩm mã làm khóa bảng Sau số bảng sở liệu toàn sở liệu: 3.6.1 Bảng giỏ Dùng để lưu thông tin giỏ hàng khách hàng Name Type Null Chú thích Id_giohang Int(10) No Mã giỏ hàng id Int(10) No Mã sản phẩm user Varchar(255) No Tên user soluong Int(10) No Số lượng 60 tinhtrang Text No Tình trạng ngaydat datetime No Ngày đặt hàng Bảng Bảng gio hàng 3.6.2 Bảng hóa đơn Dùng để lưu thông tin đơn hàng Name Type Null Chú thích Id-hoadon Int(10) No Mã hóa đơn hoten Varchar(255) No Tên khách hàng diachi Text No Địa email Varchar(255) No Email dienthoai Int(20) No Điện thoại fax Int(20) No Fax cty Varchar(255) No Công ty id Int(10) No Mã sản phẩm soluong Int(10) No Số lượng Bang Bang hoa don 3.6.3 Bảng liên hệ Dùng để quản lí thắc mắc liên hệ khách hàng Name Type Null Chú thích Id-lienhe Int(10) No Mã liên hệ hoten Text No Họ tên cty Text No Công ty email Text No Email dienthoai Int(20) No Điện thoại fax Int(20) No Fax 61 diachi Text No Địa noidung Text No Nội dung ngaylienhe Datetime No Ngày liên hệ Bang Bang lien he 3.6.4.Bảng loại sản phẩm Dùng để quản lí danh mục loại sản phẩm Name Type Null Chú thích Id-loai Int(10) No Mã loại sp Id_nhom Int(11) No Mã nhóm sản phẩm tenloaisp Text No Tên loại sản phẩm ghichu Varchar(255) No Ghi Bang Bang loaisanpham 3.6.5 Bảng nhóm sản phẩm Dùng để quản lý nhóm sản phẩm Name Type Null Chú thich Id_nhom Int(10) No Mã nhóm sản phẩm tennhom Varchar(255) No Tên nhóm sản phẩm Chuthich Text No Chú thích Bang Bang nhomsanpham 3.6.6 Bảng sản phẩm Dùng để quản lý sản phẩm Name Type Null Chú thích Id Int(20) No Mã sản phẩm Id_loai Int(10) No Mã loại sản phẩm 62 tensp Text No Tên sản phẩm mota Text No Mơ tả hinh Text No Hình ảnh gia Int(15) No Đơn giá ghichu Text No Ghi soluongban Int(10) No Số lượng Id_menu Int(10) No Mã menu Bang Bang sanpham 3.6.7 Bảng thành viên Dùng để quản lý thành viên Type Null Chú thích hoten Varchar(255) No Họ tên diachi Varchar(255) No Địa email Varchar(255) No Email dienthoai Int(20) No Điện thoại user Varchar(255) No Tên đăng nhập pass Varchar(32) No password hieuluc Int(10) No Hiệu lực capquyen Int(10) No Quyền Name Bang Bang thanhvien 63 3.6.8 Sơ đồ thực thể liên kết Hình 3.24 Sơ đồ thực thể liên kết 3.7 Yêu cầu bảo mật Có tính bảo mật cao, đảm bảo khơng có username, password cho phép hoạt động Admin khơng có User thay đổi thơng tin sản phẩm tồn Website ngồi việc thay đổi thơng tin cá nhân User việc quản lý liệu mật đăng nhập: 64 + Tên đăng nhập + Mật đăng nhập Các thông tin khách hàng bảo mật Hệ thống quản trị tuyệt đối an tồn, khơng thể bị truy cập lỗi hệ thống Như vậy, từ biểu đồ Use Case biểu đồ hoạt động hệ thống thể chức tác nhân hệ thống làm việc nào, xuất phát từ hệ thống yêu cầu hệ thống, yêu cầu khách hàng, người lập trình nên xây dựng cho trang Website có đầy đủ chức người quản trị người dùng phải đảm bảo có tính bảo mật cao 3.8 Thiết kế giao diện 3.8.1 Giao diện trang chủ Hình 3.25: Giao diện trang chủ Trang chủ “Index.php”: Là trang chính, chứa tất mục để lựa chọn Từ trang chủ khách hàng tìm thấy thơng tin cần thiết: - Thông tin loại sản phẩm với giao diện gần gũi, thân thiện dễ sử dụng từ khách hàng đặt mua cho sản phẩm yêu thích, phù hợp với túi tiền - Các viết hay thể giới máy tính quản trị hệ thống chọn lọc 65 3.8.2 Giao diện Form đăng nhập Hình 3.26 Giao diện form đăng nhập Trang “login.php” trang mà khách hàng nhập User Pass để đăng nhập vào website, chưa có tài khoản khách hàng nhấn vào nút Đăng ký để tạo cho tài khoản 3.8.3 Giao diện Form liên hệ Hình 3.27 Giao diện form liên hệ Trang “lienhe.php” cầu nối khách hàng cửa hàng, khách hàng gửi thắc mắc ý kiến tới cửa hàng khách hàng phải nhập đầy đủ thông tin cá nhân form 66 3.8.4 Giao diện trang giỏ hàng Hình 3.28 Giao dien giỏ hàng Trang “giohang.php” trang mà khách hàng xem sản phẩm chọn Tại khách hàng biết số lượng mặt hàng chọn tổng số tiền phải tốn Khách hàng thêm, cập nhập xóa sản phẩm giỏ hàng Tại có chức lưu lịch sử mua hàng khách hàng 3.8.5 Giao diện Form đăng ký thành viên Hình 3.29: Giao diện trang đăng ký thành viên Trang “register.php” Tại khách hàng điền đầy đủ thông tin cá nhân đăng ký cho tài khoản, để dùng cho việc mua hàng website 67 3.8.6 Giao diện trang chi tiết sản phẩm Hình 3.30 Giao diện trang chi tiết sản phẩm Trang “chi tiết sản phẩm” trang hiển thị thông tin chi tiết sản phẩm: giá, bảo hành, thông số kỹ thuật…giúp cho khách hàng có nhìn tổng quan sản phẩm Là sở để khách hàng có định mua sản phẩm hay không 3.8.7 Giao diện trang quản trị Hình 3.31 Giao diện trang quản trị Đây trang quản trị dành cho người Admin cửa hàng, cung cấp đầy đủ tính cho người quản trị như: quản lý sản phẩm, quản lý thành viên, quản lý đơn đặt hàng… 68 CHƯƠNG 4: ĐÁNH GIÁ VÀ KẾT LUẬN 4.1 Đánh giá kết việc thực chuyên đề Trong khoảng thời gian gần hai tháng với bảo hướng dẫn thầy Trần Tuấn Việt anh chị công ty Keywords magnets chuyên đề “xây dụng trang web bán máy tính trực tuyến” hồn thành Trong trình thực chuyên đề “xây dựng web bán máy tính trực tuyến” em học nhiều kiến thức kinh nghiệm thực tế xây dựng phát triển website, vận dụng ngôn ngữ HTML, PHP, MySQL…vào xây dựng trang web nắm quy trình xây dựng trang web Mặc dù cố gắng áp dụng kiến thức học tìm hiểu kiến thức thời gian kinh nghiệm cịn hạn chế nên khơng chánh khỏi thiếu sót định, đề tài hồn thành với tính trang web bán hàng online với nội dung sau - Phân tích đánh gí yêu cầu website bán hàng - Xây dựng trang web chạy thử nghiệm localhost - Xây dựng trang chủ hiển thị sản phẩm - Xây dựng trang chi tiết sản phẩm để hiển thị thông tin sản phẩm - Trang danh mục sản phảm giúp khách hàng tìm kiếm sản phẩm dẽ dàng - Xây dựng trang giỏ hàng giúp khách hàng quản lý sản phẩm đặt mua - Trang web cung cấp cho khách hàng thông tin cần thiết sản phẩm, thông tin chi tiết sản phẩm giá - Giao diện trang web dẽ sử dụng thân thiện với người dùng, sản phẩm chia theo danh mục theo hãng - Giao diện trang quản trị đơn giản dễ sủ dụng tính bảo mật cao Hiện trang web dừng lại việc tìm hiểu ứng dụng ngôn ngữ PHP&MySQL tương lai trang web phát triển theo hướng chuyên nghiệp với tính bảo mật cao, tích hợp thêm phương thức tốn trực tuyến tối ưu thiết bị mobile, martbook… 4.2 Kiến nghị với đơn vị thực tập nhà trường 69 4.3 Tài liệu tham khảo [1] HTML5 Digital classroom, Nhà xuất Bách Khoa Hà Nội [2] Lập trình PHP MySQL, Nhà xuất khoa học kỹ thuật [3] Giáo trình PHP&MySQL, Nguồn internet [4] http://www.php.net [5] http://www.mysql.com [6] http://www.w3school.com 70 ... kiện){ / /thực điều } Điều kiện mở rộng thành: if(điều kiện){ / /thực điều } else { / /thực điều khác } Và: if(điều kiện 1){ / /thực điều } elseif(điều kiện 2) { / /thực điều khác }else { / /thực điều... 18 Các toán tử thường sử dụng với câu lệnh điều kiện Kí hiệu Ý nghĩa Dạng Ví dụ = Được gán giá trị Gán $n=1 == Bằng So sánh $x==$y != Không So sánh $x!=$y So sánh $x Lớn So sánh $x>$y... Cơ cấu tổ chức SƠ ĐỒ BỘ MÁY CƠNG TY HĐQT GIÁM ĐỐC P Gíam đốc Bộ phận Kinh doanh KỹThuật Chăm sóc khách hàng Marketing Quảng cáo Addword Thiết kế web coded testter Nhân Kế toán CHƯƠNG 2: CƠ SỞ

Ngày đăng: 10/04/2017, 09:54

Từ khóa liên quan

Mục lục

  • Input: Khách vãng lai phải nhập đầy đủ các thông tin (*: là thông tin bắt buộc)

  • Tên đăng nhập: (*)

  • Mật khẩu: (*)

  • Nhập lại mật khẩu (*)

  • Họ và tên: Nhập họ và tên. (*)

  • Email: nhập email. (*)

  • Địa chỉ: Nhập địa chỉ của Member. (*)

  • Điện thoại: Nhập điện thoại. (*)

  • Nhập mã an toàn: (*)

Tài liệu cùng người dùng

  • Đang cập nhật ...

Tài liệu liên quan