I. GIỚI THIỆU VỀ THIẾT KẾ WEB. Từ lâu, tạo web đã trở thành sở thích, niềm đam mê của nhiều người. Cùng với sự phát triển của CNTT, sự phát triển và giảm giá của hàng loạt các định vụ Domain (tên miền) và Hosting(dịch vụ lưu trữ) khiến cho việc sở hữu 1 website trở nên đơn giản hơn nhiều Muốn tạo ra được 1 trang web, chúng ta có rất nhiều cách cũng như phương tiện trợ giúp. Với ngôn ngữ HTML, bạn sẽ tạo được 1 trang web tuyệt đẹp với các phần mềm trợ giúp như Dream weaver, Microsoft Frontpage… Nhưng nếu các bạn sử sụng các chương trình này thì phải đòi hỏi qua đào tạo, tìm hiểu qua thời gian dài mới có thể sử dụng thành thạo, một mặt hạn chế khi sử dụng các chương trình này là khả năng tự cập nhật và mức độ tương tác với nguời dùng hầu như không có. Một cách đơn giản hơn là chúng ta sử dụng mã nguồn mở hoàn toàn miễn phí, cái hay của mã nguồn mở là chúng cho phép chúng ta can thiệp, cải biến theo ý của ta, để chúng làm việc cho ta và theo cách riêng của ta. Bài viết chủ yếu trình bày cách thiết kế web cơ bản bằng mã nguồn mở.Sau đây là các công đoạn khi thiết kế một trang web bằng mã nguồn mở được viết bằng ngôn ngữ PHP & MySQL. II. ĐỊNH HƯỚNG CHO TRANG WEB. Muốn thiết kế 1 website ta cần phải xác định website đó dùng để làm gì,từ đó xác định được: - Mã nguồn dùng để thiết kế website : - Đối tượng truy cập của website. - Thiết lập được nội dung chính của website - Hướng phát triển của website. III. CÁC YẾU TỐ CẦN THIẾT ĐỂ TẠO MỘT TRANG WEB BẰNG MÃ NGUỒN MỞ 1. Chọn mã nguồn. Trong thế giới website có vô vàn mã nguồn mở, nổi lên các tên tuổi như php NukeViet , Mambo dùng để tạo web portal( cổng giao tiếp đã chức năng)..VBB, PHPBB dùng để thiết kế foum. Và mới xuất hiện năm 2005 như một làn sóng mới đó là joomla( mã nguồn thiết kế của trang http://viethanit.edu.vn)... Quyết định chọn một mã nguồn để thiết kế nghĩa là chúng ta quyết định gắng bó với nó. Tìm hiểu và nghiên cứu nó đến suốt quá trình hoạt động của website, vì vậy công việc chọn mã nguồn rấtquan trọng. 2. Công cụ cần thiết. * Hosting : là nơi lưu trữ mã nguồn và data của website. Hosting có thể mua hoặc có thể đăng ký miễn phí. Hiện có rất nhiều nhà cung cấp dịch vụ host miễn phí( host free). Host miễn phí thì có nhiều, nhưng nếu so với host paid(host tính phí) thì host paid có nhiều ưu điểm hơn: - Dễ quản lý - An toàn khi sử dụng - Tính ổn định cao Ngược lại, host free thường có nhiều hạn chế như đặt quảng của họ trên trang của bạn, hạn chế băng thông, dung lượng file up lên, hạn chế dạng file… Khi lựa chọn host thì các bạn nên quan tâm đến những thông số chính sau: - Space hay dung lượng: Là dung lượng có thể tải lên - Banwidth hay Băng thông: Là dung lượng cho phép tải xuống, giải thích một cách đơn giản là dung lượng được phép tải xuống trong một tháng, nếu Unlimited BW nghĩa là không giới hạn băng thông. VD: có hai file 2mit.html và index.html tổng cộng 2MB, và host có băng thông là 50MB. Thì trong 1 tháng website của bạn được truy cập tối đa 25 lần(50 : 2 = 25). * Domain (Tên miền) : Cũng như hosting, tên miền cũng có các loại tính phí và miễn phí: - Tên miền tính phí : + Quốc tế : .com, .net, .info, edu, org, .gov, .ws… + Quốc gia : .vn, .uk, .cn, .us, .ru, .jp …. + Việt Nam : .vn, .com.vn, .net, .org.vn, .edu.vn … Với các tên miền trên chúng ta có thể đăng ký trực tiếp trên trang web của các nhà cung cấp dịch vụ rồi thanh toán trực tuyến hoặc đến trực tiếp nhà cung cấp dịc vụ để đăng ký. - Tên miền miễn phí : .good.to, .co.cc, .tk, .very.to … các tiên miền này tính phí nhưng mức dộ ổn định không cao. Không an toàn khi sự dụng các tên miền này . c. Công cụ hổ trợ. - Localhost : Để tạo môi trường thử nghiệm web trên PC (máy tính cá nhân) ta cần phải cài đặt Sever web,php,mySql. Hiện nay có rất nhiều phần mềm sever web như EasyPHP, Wamp5, Xampp, Appserv… Trong các phần mềm này, Appserv là phầm mềm tương thích và dễ cài đặt, sử dụng nhất… - Winrar(hoặc winzip) : dùng để nén mã nguồn sang các định dạng cho phép để upload lên host(zip, gz…). - Notepad++ : Chương trình này rất bổ ích cho việc lập trình php, html, sql… những người lập trình web chuyên nghiệp thì không thể thiếu chương trình này. - Công cụ hổ trợ upload: CuteFTP, FlashFXP, CoreFTP… Hướng dẫn cài đặt và sử dụng Appserv : Lưu ý : Nếu trước đó đã cài một chương trình sever web nào đó, bạn nên xóa file php.ini trong thư mục C:/windown/ để tránh lỗi khi đăng nhập phpmyadmin. Quá trình cài đặt : chạy file appserv-win32-2.5.9 để cài đặt. Ấn next để tiếp tục. Đến đoạn khai báo . Bạn điền các thông tin sau : + Sever name :localhost + Adminstrator’s Email Andress : admin@localhost.com + HTTP Port : 80 Nhấn Next để tiếp tục. Đến phần khai báo thông tin MySQL bạn điền các thông tin sau. + User name : root + Pass : (tùy các bạn chọn nhưng phải nhớ, tốt nhất là để trống) Nhấn next để tiếp tục, sau khi cài đặt xong, gõ địa chỉ: http://localost Nếu ra kết quả như hình dưới thì các bạn đã thành công. IV. CÁC BƯỚC ĐỂ CÀI ĐẶT TRANG WEB BẰNG MÃ NGUỒN MỞ. 1. Cài đặt mã nguồn trên PC: Các loại mã nguồn khác nhau sẽ có cách cà đặt khác nhau. Quan trọng là giai đoạn cấu hình (hầu hết là trong file config.php ), nếu cấu hình đúng thì các bước còn lại rất đơn giản. Sau đây là cách cài đặt một số mã nguồn phổ biến, nếu chúng ta nắm được cách cài đặt các mã nguồn này. Tất cả các mã nguồn này thì cách cài đặt các mã nguồn khác không thành vấn đề… Mã nguồn thiết kế website tin tức, bán hàng Joomla: Video cài đặt Joomla trên PC http://www.fileden.com/files/2009/4/3/2390318/baocao12.zip Bước 1: Tạo DataBase rỗng. Tạo DataBase rỗng thục chất là tạo CSDL rỗng cho trang web của chúng ta: 1 . Mở trình duyệt, gõ http://localhost/phpmyadmin điền user và mật khẩu mà lúc đầu chúng ta cài đặt Appserv. Ấn OK ta được . 2. Tại ô Create new database nhập tên CSDL muốn tạo cho trang web của chúng ta (VD: VH2mit). Nhấp Create để thực hiện. Bước 2: Giả nén toàn bộ mã nguồn Joomla vào một folder, ở đây tạm thời đặt tên là VH2mit. Copy toàn bộ folder VH2mit vào thư mục www ( C://appserv/www) . Mở trình duyệt gõ http://localhost/tenfolderchuamanguon ở đây là http://localhost/vh2mit . Ta được Next để tiếp tục. Đến Giai đoạn khai báo các thông số của database. Đây là giai đoạn quan trọng và quyết định. Hầu như tất cả các trang web Php&Mysql đều phải có khai báo các thông số này qua các hình thức như khai báo khác nhau. Một là khai báo qua giai đoạn cấu hình bằng trình duyệt, hoặc khi báo qua cấu hình lại file config.php… Trong mục Database setting ta cấu hình : - Database Type : kiểu database ; mysql) - Host name : Tên host, vì đang cấu hình trên máy PC nên tên host sẽ là localhost. - User name : Là user mà chúng ta dùng để đăng nhập và trang quản lý phpmyadmin. Ở đây là root. - Password : Mật khẩu đăng nhập của trang quản lý phpmyadmin. - Database Name : Là tên database rỗng mà chúng ta đã tạo ở bước1. Ở đây là vh2mit. Chú ý: Nếu chúng ta khi báo sai 1 trong các thông tin trên thì bước tiếp theo xẽ không thực hiện được. Ấn next để tiếp tục. Sau đó trang web sẽ hỏi chúng ta có thiết lập FTP hay không. Ấn next . Điền các thông số sau : - Site name: Tên tiêu đề của website. - Your E Mail : Email của người quản trị. - Password : Mật khẩu của người quản trị. Sau khi cài đặt xong, chúng ta dùng user admin và mật khẩu này để dăng nhập vào khu vực của ban quản trị. Ấn next để tiếp tục. Đến giai đoạn này lã đã hoàn tất. Chúng ta vào thư mục C://appsev/www/vh2mit để xóa folder installation. Mục đích xóa folder này để kẻ xấu khỏi lợi dụng cài đặt lại website làm mất hết dữ liệu trang. gõ địa chỉ http://localhost/vh2mit ta được: Quá trình tạo trang web bằng mã nguồn mỡ joomla đã hoàn tất. Để website hoạt động tốt hơn, bạn cần thêm vào các module, component, trang web http://joomla.org chính là kho lưu trữ các thành phần tốt nhất dành cho Joomla. Download : Mã nguồn Joomla 1.5 Appserv 2.6.0