Báo cáo Đề tài - Xây dựng website bán điện thoại di độn bằng opencart xây dựng website bán điện thoại trực tuyến bằng opencart tại trung tâm đào tạo quản trị mạng & an ninh mạng quốc tế athena

sinh viên làm quen với thực tế, có được cái nhìn tổng hợp, giúp cho sinh viên chúng em hạn chế được sự bỡ ngỡ khi ra trường, hàng năm nhà trường tổ chức cho sinh viên đi thực tập tại các cơ sở theo nội dung ngành nghề đào tạo. Đây là điều kiện thuận lợi giúp chúng em phát huy được năng lực bản thân cũng như khả năng áp dụng lý thuyết được trang bị ở trường vào thực tế. Công nghệ thông tin đã có những bước phát triển mạnh mẽ. Máy tính điện tử không còn là phương tiện quý hiếm mà đang ngày một gần gũi với con người. Đứng trước sự bùng nổ thông tin, các tổ chức và các doanh nghiệp đều tìm mọi biện pháp để xây dựng hoàn thiện hệ thống thông tin của mình nhằm tin học hóa các hoạt động tác nghiệp của đơn vị mình. Từ nhu cầu nói trên,trong thời gian thực tập tốt nghiệp em đã sử dụng vốn kiến thức ít ỏi của mình tìm hiểu và học hỏi ứng dụng của công nghệ thông tin vào thực tế. Nó chỉ mang tính chất thử nghiệm để học hỏi, trao đổi kinh nghiệm và làm quen với thực tế. LỜI CẢM ƠN NHẬN XÉT CỦA CƠ QUAN THỰC TẬP  ................................................................................................................................................ ................................................................................................................................................ ................................................................................................................................................ ................................................................................................................................................ ................................................................................................................................................ ................................................................................................................................................ ................................................................................................................................................ ................................................................................................................................................ ................................................................................................................................................ ................................................................................................................................................ ................................................................................................................................................ ................................................................................................................................................ ................................................................................................................................................ ................................................................................................................................................ ................................................................................................................................................ ................................................................................................................................................ ................................................................................................................................................ ................................................................................................................................................ ................................................................................................................................................ ................................................................................................................................................ Thành Phố Hồ Chí Minh, ngày..tháng..năm 2014 XÁC NHẬN CỦA CƠ QUAN/ĐƠN VỊ Đại Diện Đơn Vị (Ký tên, đóng dấu) NHẬN XÉT CỦA GIÁO VIÊN HƢỚNG DẪN  ......................................................................................................................................... ......................................................................................................................................... ......................................................................................................................................... ......................................................................................................................................... ......................................................................................................................................... ......................................................................................................................................... ......................................................................................................................................... ......................................................................................................................................... ......................................................................................................................................... ......................................................................................................................................... ......................................................................................................................................... ......................................................................................................................................... ......................................................................................................................................... ......................................................................................................................................... ......................................................................................................................................... ......................................................................................................................................... ......................................................................................................................................... ......................................................................................................................................... ......................................................................................................................................... TP.HCM, ngày . tháng . năm 2013 Giáo viên hƣớng dẫn Điểm (Ký tên,ghi rõ họ tên) MỤC LỤC A. LỊCH LÀM VIỆC TẠI NƠI THỰC TẬP ..................................................................... 1 B. GIỚI THIỆU VỀ TRUNG TÂM ĐÀO TẠO QUẢN TRỊ MẠNG & AN NINH MẠNG QUỐC TẾ ATHENA ........................................................................................................ 1 CHƢƠNG II: PHÂN TÍCH YÊU CẦU XÂY DỰNG WEBSITE .......................................... 8 I. PHÂN TÍCH YÊU CẦU ................................................................................................ 8 1.1 Bài toán đƣa ra ........................................................................................................ 8 II. TÌM HIỂU VỀ MÃ NGUỒN MỞ ................................................................................. 9 2.1 Khái niệm ................................................................................................................ 9 2.2 Giới thiệu về một số mã nguồn mở .......................................................................... 9 III. TÌM HIỂU VỀ OPENCART 2.0................................................................................ 10 3.1 OpenCart là mã nguồn mở ..................................................................................... 10 3.2 Opencart là một hệ thống giỏ hàng ......................................................................... 12 VI. CÔNG CỤ LẬP TRÌNH ........................................................................................... 12 4.1 DreamWeaver ........................................................................................................ 12 4.2 Công cụ đồ họa ...................................................................................................... 13 V. XAMPP ...................................................................................................................... 14 5.1 CuteFTP ................................................................................................................ 14 5.2 Cài đặt Xampp Control Panel v3.2.1 ...................................................................... 14 5.2 Cài đặt Opencart 2.0 .............................................................................................. 18 Chỉnh sửa website tại trang quản trị ............................................................................. 22 Chỉnh sửa cấu hình web ............................................................................................... 22 Tùy chỉnh danh mục sản phẩm, sản phẩm .................................................................... 24 Tùy chỉnh các mô đun cho website .............................................................................. 29 Tùy chỉnh danh mục tin tƣc, tin tức ............................................................................. 31 Tùy chỉnh lien kết – silde – banner .............................................................................. 32 CHƢƠNG III: ĐƢA WEBSITE LÊN HOSTING VÀ TÍCH HỢP CÁC CHỨC NĂNG KHÁC CHO WEBSITE PHÁT TRIỂN .......................................................................................... 34 I. ĐƢA WESITE LÊN HOSTING................................................................................... 34 1. Đăng ký hosting....................................................................................................... 34 2. Backup (Export) database của Website trên máy Local ............................................ 37 3. Tạo database mới và upload (Restore) database trên hosting đã đăng ký .................. 38 4. Tiến hành upload soucre web ................................................................................... 41 5. Cấu hình file config ................................................................................................. 44 CHƢƠNG IV. TỐI ƢU HÓA SEO VÀ TẠO 1 SỐ PLUGINS XÃ HỘI CỦA FACEBOOK CHO WEBSITE .................................................................................................................. 46 I. TẠO LIKE BOX CHO WEBSITE TRÊN FANPAGE ................................................. 46 1. Tạo facepage cho website ........................................................................................ 46 2. Tạo like box cho website ......................................................................................... 48 3. Đƣa code like box vào website (product) ................................................................. 49 II. TỐI ƢU HÓA SEO .................................................................................................... 50 1. Dùng SEO URL‟s .................................................................................................... 50 2. Tối ƣu hóa seo tên sản phẩm và danh mục ............................................................... 51 CHƢƠNG V. GIỚI THIỆU VỀ WEBSITE BÁN ĐIỆN THOẠI DI ĐỘNG........................ 52 I. NỘI DUNG WEBSITE ................................................................................................ 52 1. Giao diện trang chủ ................................................................................................. 52 2. Giao diện trang giới thiệu ........................................................................................ 53 3. Giao diện trang tuyển dụng ...................................................................................... 53 4. Giao diện sản phẩm di động ..................................................................................... 55 5. Giao diện chi tiết sản phẩm ...................................................................................... 55 6. Giao diện trang đăng nhập tài khoản ........................................................................ 56 7. Giao diện đăng ký .................................................................................................... 56 KẾT LUẬN ........................................................................................................................ 58 Xây dựng website bán điện thoại di dộng bằng open cart GVHD: ĐỖ VÕ THẮNG CHƯƠNG I: NỘI DUNG THỰC TẬP TẠI TRUNG TÂM ĐÀO TẠO QUẢN TRỊ MẠNG & AN NINH MẠNG QUỐC TẾ ATHENA A. LỊCH LÀM VIỆC TẠI NƠI THỰC TẬP Khi thực tập tại công ty, Ban giám đốc của TRUNG TÂM ĐÀO TẠO QUẢN TRỊ MẠNG & AN NINH MẠNG QUỐC TẾ ATHENA đã đƣa ra lịch thực tập cho sinh viên nhƣ sau: Làm việc 3 ngày / tuần, thứ 3, thứ 5, thứ 7. Buổi sáng bắt đầu từ 7h00 đến 10h. Hai tuần đầu tham quan tất cả các phòng làm việc trung tâm. Làm quen với máy tính của trung tâm Gặp giáo viên hƣớng dẫn và nhận tài liệu. B. GIỚI THIỆU VỀ TRUNG TÂM ĐÀO TẠO QUẢN TRỊ MẠNG & AN NINH MẠNG QUỐC TẾ ATHENA o Giới thiệu chung về trung tâm Trung Tâm Đào Tạo Quản Trị Mạng & An Ninh Mạng Quốc Tế ATHENA đƣợc thành lập từ năm 2004, là một tổ chức qui tụ nhiều trí thức trẻ Việt Nam đầy năng động, nhiệt huyết và kinh nghiệm trong lãnh vực CNTT, với tâm huyết góp phần vào công cuộc thúc đẩy tiến trình đƣa công nghệ thông tin là ngành kinh tế mũi nhọn, góp phần phát triển nƣớc nhà. Lĩnh vực hoạt động chính: Trung tâm ATHENA đã và đang tập trung chủ yếu vào đào tạo chuyên sâu quản trị mạng, an ninh mạng, thƣơng mại điện tử theo các tiêu chuẩn quốc tế của các hãng nổi tiếng nhƣ Microsoft, Cisco, Oracle, Linux LPI , CEH,... Song song đó, trung tâm ATHENA còn có những chƣơng trình đào tạo cao cấp dành riêng theo đơn đặt hàng của các đơn vị nhƣ Bộ Quốc Phòng, Bộ Công An , ngân hàng, doanh nghiệp, các cơ quan chính phủ, tổ chức tài chính.. + Sau gần 10 năm hoạt động, nhiều học viên tốt nghiệp trung tâm ATHENA đã là chuyên gia đảm nhận công tác quản lý hệ thống mạng, an ninh mạng cho nhiều bộ SVTH: : TRIỆU VĂN PHÚ Trang 1 Xây dựng website bán điện thoại di dộng bằng open cart GVHD: ĐỖ VÕ THẮNG ngành nhƣ Cục Công Nghệ Thông Tin - Bộ Quốc Phòng , Bộ Công An, Sở Thông Tin Truyền Thông các tin tức, bƣu điện các tỉnh,.. + Ngoài chƣơng trình đào tạo, Trung tâm ATHENA còn có nhiều chƣơng trình hợp tác và trao đổi công nghệ với nhiều đại học lớn nhƣ đại học Bách Khoa Thành Phố Hồ Chí Minh, Học Viện An Ninh Nhân Dân( Thủ Đức), Học Viện Bƣu Chính Viễn Thông, Hiệp hội an toàn thông tin (VNISA), Viện Kỹ Thuật Quân Sự ,...... o Đội ngũ giảng viên : + Tất cả các giảng viên trung tâm ATHENA có đều tốt nghiệp từ các trƣờng đại học hàng đầu trong nƣớc .... Tất cả giảng viên ATHENA đều phải có các chứng chỉ quốc tế nhƣ MCSA, MCSE, CCNA, CCNP, Security+, CEH,có bằng sƣ phạm Quốc tế (Microsoft Certified Trainer). Đây là các chứng chỉ chuyên môn bắt buộc để đủ điều kiện tham gia giảng dạy tại trung tâm ATHENA + Bên cạnh đó,Các giảng viên ATHENA thƣờng đi tu nghiệp và cập nhật kiến thức công nghệ mới từ các nƣớc tiên tiến nhƣ Mỹ , Pháp, Hà Lan, Singapore,... và truyền đạt các công nghệ mới này trong các chƣơng trình đào tạo tại trung tâm ATHENA Cơ sở vật chất: + Thiết bị đầy đủ và hiện đại. +Chƣơng trình cập nhật liên tục, đảm bảo học viên tiếp cận với những công nghệ mới nhất. + Phòng máy rộng rãi, thoáng mát. Dịch vụ hỗ trợ: + Đảm bảo việc làm cho học viên tốt nghiệp khóa dài hạn. + Giới thiệu việc làm cho mọi học viên. + Thực tập có lƣơng cho học viên khá giỏi. + Ngoài giờ chính thức, học viên đƣợc thực hành miễn phí, không giới hạn thời gian. + Hỗ trợ kỹ thuật không thời hạn trong tất cả các lĩnh vực liên quan đến máy tính, mạng máy tính, bảo mật mạng. + Hỗ trợ thi Chứng chỉ Quốc tế. SVTH: : TRIỆU VĂN PHÚ Trang 2 Xây dựng website bán điện thoại di dộng bằng open cart GVHD: ĐỖ VÕ THẮNG Một số hình ảnh về trung tâm. Trung Tâm ATHENA - 2 Bis Đinh Tiên Hoàng , ĐaKao, Q1 , Tp HCM SVTH: : TRIỆU VĂN PHÚ Trang 3 Xây dựng website bán điện thoại di dộng bằng open cart GVHD: ĐỖ VÕ THẮNG Trung tâm ATHENA - 92 Nguyễn Đình Chiểu ,DaKao, Q1 , Tp HCM Khóa học quản trị hệ thống mạng Cisco cho ngân hàng MHB Bank SVTH: : TRIỆU VĂN PHÚ Trang 4 Xây dựng website bán điện thoại di dộng bằng open cart GVHD: ĐỖ VÕ THẮNG SVTH: : TRIỆU VĂN PHÚ Trang 5 Xây dựng website bán điện thoại di dộng bằng open cart GVHD: ĐỖ VÕ THẮNG Phát chứng chỉ cho các học viên hoàn thành khóa học SVTH: : TRIỆU VĂN PHÚ Trang 6 Xây dựng website bán điện thoại di dộng bằng open cart GVHD: ĐỖ VÕ THẮNG TRUNG TÂM ĐÀO TẠO QUẢN TRỊ MẠNG & AN NINH MẠNG QUỐC TẾ ATHENA Cơ sở 1: 92 Nguyễn Đình Chiểu, phường Đa Kao, Q1. Điện thoại: (08)38244041 - 090 78 79 477-094 323 00 99(Gần ngã tư Đinh Tiên Hoàng - Nguyễn Đình Chiểu) Cơ sở 2: 2 Bis Đinh Tiên Hoàng, phường Đa Kao, Q1. Điện thoại: (08)22103801 - 094 320 00 88(Cạnh sân vận động Hoa Lư - Cách đài truyền hình Tp HTV 50 mét) Website: - E-mail : support@athena.edu.vn - tuvan@athena.edu.vn SVTH: : TRIỆU VĂN PHÚ Trang 7 Xây dựng website bán điện thoại di dộng bằng open cart GVHD: ĐỖ VÕ THẮNG CHƯƠNG II: PHÂN TÍCH YÊU CẦU XÂY DỰNG WEBSITE I. PHÂN TÍCH YÊU CẦU 1.1 Bài toán đưa ra Cửa hàng điện thoại Nguyễn Kim chuyên cung cấp các mẫu Điện thoại. Hiện nay cửa hàng có nhu cầu xây dựng Website giới thiệu các mặt hàng. Trong mỗi loại gồm có: - Điện thoại các loại. Yêu cầu mỗi loại phải có ảnh đại diện và mô tả cụ thể. Hệ thống phải cho phép khách hàng đặt hàng và gừi đơn đặt hàng cho ngƣời quản lý. Trên web có các tiện ích nhƣ: sản phẩm tiêu biểu, sản phẩm mới nhất, thống kê lƣợt truy cập Để xây dựng đƣợc Website này em sử dụng hệ mã nguồn mở Opencart, hiện đang là một hệ mã nguồn rất phổ biến và đƣợc hỗ trợ rất nhiều trên các cộng đồng mạng. a. Yêu cầu khách hàng Là những ngƣời có nhu cầu cần xem và tìm hiểu các loại mặt hàng. Họ sẽ tìm kiếm các thông tin cần thiết từ hệ thống và đặt mua các mặt hàng này. Vì thế trang web phải thỏa mãn các chức năng sau sở hữu tổng thể. Những gì nhiều hơn, cải tiến mới cho phép các ứng dụng chạy nhanh hơn. - Hiển thị các mặt hàng để khách hàng có thể lựa chọn và xem các mặt hàng cần lựa chọn. - Cung cấp chức năng tìm kiếm các mặt hàng. Với nhu cầu của ngƣời sử dụng khi truy cập vào trang web là tìm kiếm các mặt hàng mà họ cần và muốn xem. Đôi lúc cũng có nhiều khách hàng vào website này mà không có ý định xem hay không biết xem gì thì yêu cầu đặt ra cho hệ thống là làm thế nào để khách hàng có thể tìm kiếm nhanh và hiệu quả các mặt hàng mà họ cần tìm. - Sau khi khách hàng lựa chọn xong những mặt hàng cần đặt mua thì hệ thống phải có chức năng hiển thị đơn đặt hàng để khách hàng nhập vào những thông tin cần thiết, tránh những đòi hỏi hay những thông tin yêu cầu quá nhiều từ phía khách hàng, tạo cảm giác thoải mãi, riêng tƣ cho khách hàng. - Ngoài ra, còn có 1 số chức năng nhƣ đăng kí, đăng nhập. Khách hàng có thể thay đổi mật khẩu của mình. Khi bạn quan tâm đến thông tin về website nhƣ: tin tức SVTH: : TRIỆU VĂN PHÚ Trang 8 Xây dựng website bán điện thoại di dộng bằng open cart GVHD: ĐỖ VÕ THẮNG hay giá cả, bạn có thể nhập địa chỉ email vào, bạn có thể nhận đƣợc các thông tin cập nhật từ website. b. Phía cửa hàng - Thông tin luôn cần đến hệ thống menu rõ ràng và nghiêm túc. Hệ thống menu này sẽ là nơi ngƣời dùng chú ý đầu tiên vì ở đó chứa hầu hết các đề mục quan trọng mà họ đang tìm hiểu. - Là ngƣời làm chủ ứng dụng, có quyền kiểm soát mọi hoạt động của hệ thống. Ngƣời này đƣợc cấp một username và password để đăng nhập vào hệ thống thực hiện những chức năng của mình. Có thể quản lý đƣợc các chức năng (thêm, xóa, sửa) của các mặt hàng trong web. II. TÌM HIỂU VỀ MÃ NGUỒN MỞ 2.1 Khái niệm Mã nguồn mở là thuật ngữ chỉ các sản phẩm, phần mềm công khai mã nguồn mở (source code). Ngƣời dùng không phải trả một khoản chi phí nào, hơn thế nữa họ có quyền xem, sửa đổi, cải tiến, nâng cấp theo một con số nguyên tắc chung quy định trong giấy phép phần mềm nguồn mở General Public Licence – GPL. Ông tổ của mã nguồn mở là Richard Stallman, ngƣời xây dựng dự án GNU, và cho ra giấy phép mã nguồn mở GPL, hai nền tảng then chốt cho sự phát chiển của mã nguồn mở 2.2 Giới thiệu về một số mã nguồn mở a. Joomla Joomla là một hệ điều quản trị nội dung mã nguồn mở (Tiếng anh: Open source content Mangment Stystems). Joomla đƣợc viết bằng ngôn ngữ PHP và kết nối cơ sở dữ liệu MySQL, cho phép ngƣời sử dụng có thể dễ dàng xuất bản các nội dung của họ lên Internet. b. WordPress WordPress là một CMS, một mã nguồn mở và hoàn toàn miễn phí để làm blog, trang web cá nhân hoặc bất cứ gì mà bạn thích. WordPress đƣợc viết bằng ngôn ngữ SVTH: : TRIỆU VĂN PHÚ Trang 9 Xây dựng website bán điện thoại di dộng bằng open cart GVHD: ĐỖ VÕ THẮNG lập trình PHP và sử dụng MySQL database. WordPess là “con” của B2/Cafelog, đƣợc xây dựng trên sự tiện dụng, cung cấp mặc định chuẩn web. c. OpenCart Ngoài tính năng free thì Opencart đƣợc biết đến với các tính năng vốn có của nó của 1 Opensource, là có thể sửa đổi, dễ dàng hiệu chỉnh, dễ cải tiến theo hƣớng phát chiển của bản thân ngƣời sử dụng. Trong lĩnh vực thiết kế site bán hàng, Opencart quản lý hệ thống CMS lớn với phần mua hàng, điểm thƣởng. Điều mà ngƣời viết tâm đắc nhất ở Opensource là chế độ tự buid Theme, tạo khả năng sáng tạo cho ngƣời dùng, cùng với chế độ quản lý điểm cộng, điểm thƣởng, quản lý gian hàng cực kì rõ ràng và hiệu quả, tính dễ sử dụng cũng là một điều ngƣời viết cũng cân nhắc. Các Opensource mỗi loại đều có thế mạnh riêng, không có loại nào hơn loại nào, nhƣng từ khi ngƣời viết sử dụng Opencart thì ngạc nhiên với tính năng mà nó đem lại: - Hệ thống tính điểm Coupon - Thẻ quà tặng - Xếp hạng các hạng mục sản phẩm - SEO - Tiền tệ. III. TÌM HIỂU VỀ OPENCART 2.0 3.1 OpenCart là mã nguồn mở Opencart là source nguồn đƣợc thiết kế dƣới dạng open source cho phép bạn có thể sử dụng free, đây là một bộ code đƣợc viết bằng PHP đƣợc phát triển lên để giành cho giải pháp bán hàng trực tuyến, gồm gần nhƣ đầy đủ các chức năng cho một website bán hàng, hiện nay opencart đã phát triển hơn có thêm những module nhƣ tin tức,...giúp website hoàn thiện hơn trong mắt ngƣời dùng hiện nay, ở việt nam hiện tại cũng khá nhiều công ty sử dụng mã nguồn này để thiết kế website và phát triển các module của opencart để bán lại cho những ngƣời nào mà không chuyên về lập trình. SVTH: : TRIỆU VĂN PHÚ Trang 10 Xây dựng website bán điện thoại di dộng bằng open cart GVHD: ĐỖ VÕ THẮNG Hình 2.1 Giao diện Source Opencart 2.0 Opencart là một mã nguồn mở miễn phí nó có thể dùng để sửa đổi, dễ điều chỉnh, dễ cải thiện theo hƣớng phát triển của bản thân ngƣời sử dụng. Trong lĩnh vực thiết kế site bán hàng, opencart quản lý hệ thống CMS lớn với phần mua hàng, điểm thƣởng. Opencart có tính năng rất độc đáo đó là tự buil theme, tạo khả năng sáng tạo cho ngƣời dùng, cùng với chế độ quản lý điểm cộng, điểm thƣởng, quản lý gian hàng cực kỳ rõ ràng và hiệu quả, tính dễ sử dụng cũng là một điều ngƣời viết cũng cân nhắc. Opencart có những chức năng rất đa dạng: các opencartsource mỗi loại đều có thế mạnh riêng, không có loại nào hơn loại nào, nhƣng từ khi ngƣời viết sử dụng Opencart thì thấy ngạc nhiên với các chức năng nó mang lại. Opencart cho phép điểm thƣởng, quà tặng, có thể sắp xếp các hạng danh mục của sản phẩm, có hỗ trợ SEO URL, SEO TAG, SEO KEYWORD,... tiền tệ đa dạng. Opencart rất dễ sử dụng các module trong opencart rất trực quan và dễ sử dụng, giúp các bạn có thể tùy chỉnh một cách đơn giản nhất có thể. Cộng đồng phát triển mạnh (cả miễn phí và thƣơng mại), cộng đồng ngày càng đƣợc phát triển mạnh ở Việt Nam, vì thế sự hỗ trợ là rất lớn, và nhanh chóng. Đặc biệt nhà phát triển có thể tùy chỉnh những gì mình thích, có thể đào sâu nghiên cứu, và không giới hạn tập tin. Ngƣời sử dụng biết ít nhiều về photoshop và một ít về lập trình có thể sử dụng đƣợc dễ dàng. SVTH: : TRIỆU VĂN PHÚ Trang 11 Xây dựng website bán điện thoại di dộng bằng open cart GVHD: ĐỖ VÕ THẮNG 3.2 Opencart là một hệ thống giỏ hàng Nhƣ đã nói trên, Opencart đầu tƣ khá công phu cho việc sử dụng, quản lý các gian hàng, và khách hàng. Nó chứa các mô đun sử dụng các mục đích khác nhau, nhƣ giới thiệu sản phẩm, sản phẩm đƣợc đƣa ra trƣng bày a. Ƣu điểm và nhƣợc điểm của opencart - Ƣu điểm:  Cài đặt đơn giản và nhanh chóng.  Dễ dàng cấu hình và tùy chỉnh theo ý thích  Coder dễ dàng nắm bắt và phát triển  Template nhẹ nhàng, hỗ trợ nhiều Jquery  Thân thiện với ngƣời sử dụng  Hỗ trợ tốt về đa ngôn ngữ  Format code rõ ràng theo chuẩn MVC  Cộng đồng phát triển mạnh  Hỗ trợ mutilstore - Nhƣợc điểm  Không hỗ trợ hooks, khi thêm một modules mới cần phải tác động đến phân code mặc định. VI. CÔNG CỤ LẬP TRÌNH 4.1 DreamWeaver Dreamweaver là một trƣơng trình biên tập HTML chuyên nghiệp, nhằm phục vụ cho việc thiết kế, lập trình, phát triển các website, các trang web và các ứng dụng web, cho dù là ngƣời thích viết mã bằng tay hay là thực hiện công việc làm web bằng công cụ trực quan, thì Dreamweaver cũng cung cấp cho bạn công cụ hữu ích để cải tiến kinh nghiệm thiết kế web. Các tính năng của các công cụ thiết kế trực quan trong Dreamweaver giúp ngƣời lập trình tạo ra một trang web mà không cần phải viết bất kỳ một dòng mã nào. Có thể quan sat tất cả các thành phần site hay tài nguyên web và kéo chúng vào tài liệu một cách dễ dàng từ một panel. Ngoài ra, chúng ta còn có thể luồng dây phát triển SVTH: : TRIỆU VĂN PHÚ Trang 12 Xây dựng website bán điện thoại di dộng bằng open cart GVHD: ĐỖ VÕ THẮNG vào website bằng cách tạo ra và chỉnh sửa các tấm ảnh trong các ứng dụng đồ họa khác, Dreamweaver còn cung cấp các công cụ giúp ngƣời ta có thể dễ dàng thêm các tài nguyên Flash vào trong các web. Ngoài các chức năng kéo và thả giúp chúng ta xây dựng các trang web, Dreamweaver còn cung cấp một môi trƣờng viết mã chuyên nghiệp bao gồm các công cụ biên tập mã (chẳng hạn nhƣ, màu cú pháp, tự động đóng tab, và thu mã thành một dòng), các bản tham khảo CSS, javacript, ColdFusion, Công nghệ RoundTrip HTML sẽ chèn vào những tài liệu viết tay mà không hề định dạng lại mã, sau đó có thể chỉnh lại mã theo cách viết tùy thích. Dreamweaver còn giúp chúng ta xây dựng các ứng dụng web dựa trên cơ sở dữ liệu, và các trang web động chẳng hạn nhƣ CFML (Confusion), ASP.NET, ASP, JSP, và PHP. Nếu nhƣ có sở thích dùng cơ sở dữ liệu SML, thì Dreamweaver sẽ đƣa cho ngƣời lập các công cụ mà giúp chúng ta dễ dàng tạo ra các trang XSLT, các tập tin XML, và thể hiện đƣợc dữ liệu XML trên trang web. Trong thực tế với Dreamweaver, chúng ta có thể tạo ra các đối tƣợng và các lệnh cho riêng bàn thân mình, chúng ta còn có thề chỉnh sửa các phím tắt ứng dụng, hay thậm chí viết thế mã javascript vào phần Extend Dreamweaver tạo ra các behavior mới, các thanh thuộc tính mới, và các báo cáo site. 4.2 Công cụ đồ họa Adobe Photoshop là phần mềm xử lý hình ảnh (image-proceesing software) chuyên nghiệp, Photoshop cho phép ngƣời sử dụng sửa ảnh (retouching), ghép ảnh (composing), phục chế ảnh (retoration), tô màu ảnh (painting) một cahs dễ dàng và hiệu quả. Phần mềm này là một công cụ không thể thiếu của các nhiếp ảnh gia, các nhà thiết kế đồ họa, thiết kế web và biên tập video. Ngoài ra Adobe Photoshop còn phối hợp rất tốt với các phần mềm của Adobe nhƣ: - Phần mềm vẽ trang trí và minh họa (illustration software) Adobe Illustrator. - Phần mềm sắp chữ và chình bày (typesetting and layout software) Adobe InDesign. - Phần mềm tạo hình ảnh động (Animation software) Adobe Flash. - Phần mềm thiết kế trang web (Web design software) Adobe Dreamweaver SVTH: : TRIỆU VĂN PHÚ Trang 13 Xây dựng website bán điện thoại di dộng bằng open cart GVHD: ĐỖ VÕ THẮNG V. XAMPP - Xampp là một ứng dụng để chạy Webserver trên máy tính mà không cần phải mua hosting và domain - Mọi ngƣời thƣờng sử dụng để thực hành và phát triển web phục vụ cho việc học tập và giải trí. - Xampp là viết tắt của X + Apache + Mysql + PHP + Perl - Chữ X là cross (platfrom) ám chỉ dùng đƣợc cho cả 4 hệ điều hành khác nhau: Windows, Linux, Solaris và MAC. 5.1 CuteFTP - CuteFTP là chƣơng trình hỗ trợ truyền tải tập tin thông qua mạng Internet sử dụng giao thức FTP (File Transfer Protocol). FileZilla Client là chƣơng trình miễn phí, có giao diện thân thiện, dễ sử dụng và tốc độ nhanh nên đƣợc nhiều ngƣời sử dụng. Đây là giải pháp dùng tải dữ liệu giữa máy tính cá nhân và các máy chủ web. - Sử dụng CuteFTP để quản lý dữ liệu cũng giống nhƣ quản lý tập tin bằng chƣơng trình Explorer của Windows hoặc các chƣơng trình quản lý tập tin thông dụng khác. 5.2 Cài đặt Xampp Control Panel v3.2.1 Đầu tiên ta cần cài đặt Xampp để thiết lập môi trƣờng Các bƣớc cài đặt Xampp - Bƣớc 1: Tải Xampp Control Panel v3.2.1 về máy. - Bƣớc 2: Trƣớc tiên bạn cần phải tắt bức tƣờng lửa hay chƣơng trình diệt virut. - Bƣớc 3: Tiến hành cài đặt. Chọn next để tiếp tục. SVTH: : T