Thứ Hai, 2 tháng 6, 2014

Plugins to improve Notepad++

 Plugins to improve Notepad++

How to get more out of Notepad++

Notepad++ (Notepad Plus Plus) is one of the most popular text/code editor for Windows users. It's really fast and reliable, it has many features built-in but lacks others you might expected it to have. Luckily, there is a vivid plugin development community that has created plugins to help us make Notepad++ even more powerful!
Plugins

Nearly all of the plugins mentioned below are available through the Plugin Manager that comes with Notepad++. To install the plugins simple open Notepad++, go to Plugins > Plugin Manager, check as many plugins as you like and click "Install". Instructions on how to manually install plugins and a full list of available plugins can be found on the official wiki.

NppFTP

A full-featured FTP Client within Notepad++ with the ability to save files directly to your server. You can set up multiple profiles for different FTP servers and either open/save files immediately to the server or download a copy and load it in Notepad++. It also has SFTP/FTP(E)S support.

HTML tag

This plug-in provides two core functions to Notepad++:
HTML and XML tag matching, like the built-in brace matching. For example you may hit Shift+Ctrl+T on an HTML tag and have the whole block until its closing tag selected.
HTML entity encoding/decoding

Compare plugin

A very useful plugin to show the difference between two files side by side.

AutoSave

AutoSave allows to automatically save the currently open files based on a timer schedule (default is 1 min) and/or upon the application losing focus.

JSON Viewer

A simple plugin to view JSON string in a dockable treeview control. Just select the JSON string and open the JSON Viewer plugin.

JSmin

It’s really simple and just run Douglas Crockford’s JSMin algorithm on current Javascript document. Also JSMin can puts minimized js code in a new document. It can also format already minified Javascript code.

JSLint

A Notepad++ plugin that allows users to run JSLint (The Javascript Code Quality Tool) against their open Javascript files.

Zen Coding - Python

Zen Coding is an editor plugin for high-speed HTML, XML, XSL (or any other structured code format) coding and editing. The core of this plugin is a powerful abbreviation engine which allows you to expand expressions -similar to CSS selectors- into HTML code.

Some help on the available selectors can be found here.

QuickText

(Manual install only. It can’t be installed directly by the Plugin Manager)

Quicktext is a Notepad++ plugin for text substitution with multi field inputs. It allows you to create custom quicktext tags and easily replace them with the corresponding code snippets. It's similar to Tab Triggers in TextMate, Resharper/CodeRush in Visual Studio. Watch a short video that explains how to use Quicktext.

Light Explorer

A really light explorer plugin that brings up a simple file-manager to the side of the Notepad++ window when pressing Alt+A. There is also a fork of the Light Explorer plugin which allows you to create files and folders.

Hex Editor

Turns Notepad++ into an excellent Hex Editor.... ...

Bạn có thể tự tìm thêm các plugin khác bằng cách:
 Plugins to improve Notepad++


Một số phím tắt:


  • Ctrl-C  Copy
  • Ctrl-X  Cut
  • Ctrl-V  Paste
  • Ctrl-Z  Undo
  • Ctrl-Y  Redo
  • Ctrl-A  Select All
  • Ctrl-F  Launch Find Dialog
  • Ctrl-H  Launch Find / Replace Dialog
  • Ctrl-D  Duplicate Current Line
  • Ctrl-L  Delete Current Line
  • Ctrl-T  Switch the current line position with the previous line position
  • F3  Find Next
  • Shft-F3 Find Previous
  • Ctrl-Shft-F Find in Files
  • Ctrl-F3 Find (volatil) Next
  • Ctrl-Shft-F3    Find (volatil) Previous
  • Ctrl-Shft-I Incremental Search
  • Ctrl-S  Save File
  • Ctrl-Alt-S  Save As
  • Ctrl-Shft-S Save All
  • Ctrl-O  Open File
  • Ctrl-N  New File
  • Ctrl-F2 Toggle Bookmark
  • F2  Go To Next Bookmark 
  • Shft-F2 Go To Previous Bookmark
  • Ctrl-G  Launch GoToLine Dialog
  • Ctrl-W  Close Current Document
  • Alt-Shft-Arrow keys or Alt + Left mouse click   Column Mode Select
  • F5  Launch Run Dialog
  • Ctrl-Space  Launch CallTip ListBox
  • Alt-Space   Launch Word Completion ListBox
  • Tab (selection of several lines)    Insert Tabulation or Space (Indent)
  • Shft-Tab (selection of several lines)   Remove Tabulation or Space (outdent)
  • Ctrl-(Keypad-/Keypad+) or Ctrl + mouse wheel butto  Zoom in (+ or up) and Zoom out (- or down)
  • Ctrl-Keypad/    Restore the original size from zoom 
  • F11 Toggle Full Screen Mode
  • Ctrl-Tab    Next Document
  • Ctrl-Shft-Tab   Previous Document
  • Ctrl-Shft-Up    Move Current Line Up
  • Ctrl-Shft-Down  Move Current Line Down
  • Ctrl-Alt-F  Collapse the Current Level
  • Ctrl-Alt-Shft-F Uncollapse the Current Level
  • Alt-0   Fold All
  • Alt-(1~8)   Collapse the Level (1~8)
  • Alt-Shft-0  Unfold All
  • Alt-Shft-(1~8)  Uncollapse the Level (1~8)
  • Ctrl-BackSpace  Delete to start of word
  • Ctrl-Delete Delete to end of word
  • Ctrl-Shft-BackSpace Delete to start of line
  • Ctrl-Shft-Delete    Delete to end of line
  • Ctrl-U  Convert to lower case
  • Ctrl-Shft-U Convert to UPPER CASE
  • Ctrl-B  Go to matching brace
  • Ctrl-Shft-R Start to record /Stop recording the macro
  • Ctrl-Shft-P Play recorded macro
  • Ctrl-Q  Block comment/uncomment
  • Ctrl-Shft-Q Stream comment
  • Ctrl-Shft-T Copy current line to clipboard
  • Ctrl-P  Print
  • Alt-F4  Exit
  • Ctrl-I  Split Lines
  • Ctrl-J  Join Lines
  • Ctrl-K  /* ... */
  • Ctrl-Alt-R  Text Direction RTL
  • Ctrl-Alt-L  Text Direction LT
  • F1  About


backslash.gr
http://www.backslash.gr/content/blog/misc/11-notepad-plusplus-plugins/
Thứ Năm, 3 tháng 10, 2013

Mã nguồn Question2Answer Chuyên về hỏi đáp


Nếu bạn là dân thiết kế web ắt hẳn không ít lần bạn tìm kiếm câu trả lời code trên stackoverflow. Nếu bạn hay chém gió chắc bạn có biết đến mấy site đại loại như hoixoay-dapxoay. Hoặc thậm chí là trang hỏi đáp của yahoo answers.yahoo, trang hỏi đáp của google google.com.vn/giaidap. (tất nhiên là yahoo&google họ viết mã nguồn riêng)

Bạn muốn làm được như thế, bạn sẽ nghĩ rằng phải tự lập trình. thực sự thì lâp trình một website như thế không khó nếu bạn từng học web động, đơn giản là cho mọi người đăng câu hỏi, trả lời câu hỏi và tính điểm +- cho mỗi cau hỏi. Xét về mặt cơ bản thì nó phúc tạp hơn site tin tức hoặc bán hàng, nhưng vẫn đơn giản hơn site trắc nghiệm.
Tuy nhiên để chuyên nghiệp, nhiều tính năng và tương đối bảo mật, ngày nay với nhiều người xây dựng đóng góp thì phần mềm mã nguồn mở dạng này đã ra đời.

Question2Answer là mã nguồn được viết bằng PHP & MySQL. Tại thời điểm 2013 này đã có hơn 10 nghìn site sử dụng trên toàn thế giới với 40 ngôn ngữ khác nhau. Tuy nhiên ở VN vẫn còn sơ khai, rất ít nhu cầu sử dụng.
Q&A (Question2Answer) là web cộng đồng trực tuyến của bạn để chia sẻ kiến ​​thức. Người ta đặt những câu hỏi được câu trả lời mà họ cần. Cộng đồng hoạt động bằng cách bình luận, biểu quyết, thông báo, điểm và bảng xếp hạng.
Một điểm lưu ý chút là: Q&A có 2 bản.
Một là cài đặt riêng bản đóng gói đầy đủ lên máy chủ tương tự như những phần mềm wordpress, joomla, xenforo,...
Hai là nếu bạn muốn tích hợp vào wordpress đã có thì có thể dùng plugin Q&A của nó.
Nó chưa có modul để nhúng vào những mã nguồn khác và có lẽ chính bản thân họ không muốn điều này vì điều đó có thể làm giảm số lượng về site Q&A chính thống giáo.
Thông tin chi tiết bạn tự thảm khảo trang chủ nhà quảng bá và để cài đặt và vận hành Q&A thì bản thân bạn đã quen với những phần mềm web khác nên có thể không cần tôi giới thiệu thêm.

Mã nguồn Question2Answer Chuyên về hỏi đáp

Thao Trinh
http://web.bendoi.vn/2013/10/ma-nguon-question2answer-chuyen-ve-hoi-dap.html
Chủ Nhật, 21 tháng 4, 2013

Keyword Xtreme - Công cụ gợi ý từ khóa

Đôi khi chúng ta lang thang trên các công cụ tìm kiếm, gõ vài ký tự xuất hiện những từ khóa gần giống nhất để người dùng lự chọn nếu muốn. Đây là những từ khóa tìm năng.
Cần từ khóa tìm năng để làm gì? với những bạn đang đọc và có mụ đích sử dụng thì những lời giải thích chỉ thêm tốn giấy mục và thời gian cho bạn. Nếu không có phần mềm cũng chẳng sao, nhưng chẳng lẽ bạn cứ gõ từng chữ để thăm dò, trong khi không phải là 1 lần làm điều này.
Keyword Xtreme là phần mềm giúp chúng ta thăm dò từ khóa theo cách nhanh chóng và tự động

 Ưu điểm: - Không cần gõ thủ công trực tiếp thuer trên web.
- Tiết kiệm được rất nhiều thời gian
- Thông báo các thông số cụ thể
- Cùng lúc truy vấn nhiều công cụ tìm kiếm:
 + Web:- Google- Bing- Yahoo- Ask- AOL
 + Product- Amazon- G. Shopping- Y! Shopping- Shopping
 + Video- YouTube- Y! Videos
Hiện nay nó được bán với giá 27$ Tham khảo trang gốc: warriorforum
Tuy nhiên bạn cũng có thể sử dụng những bản "trôi nổi":
http://www.mediafire.com/download.php?sxeewz174vfpiws pass:bendoi.vn

Dể sử dụng được phần mềm này cần có .Net Framework, nếu bạn chưa có thì down tại http://www.microsoft.com/en-us/download/details.aspx?id=17851
Thứ Sáu, 7 tháng 12, 2012

Thiết kế web flash pro “dễ như chơi” (P1)

Chỉ với một ít thời gian “vọc” Photon FX Easy Website Pro (EWP), bạn sẽ có ngay một website dạng flash không “đụng hàng”.

Bạn tải bản dùng thử 30 ngày của EWP 4.1 dung lượng 18,8MB, tương thích mọi Windows tại
  • http://download.cnet.com/Easy-Website-Pro/3000-10247_4-10366268.html hoặc http://www.tucows.com/preview/397181?id=397181 
Ở lần đầu khởi động, chương trình sẽ hiển thị danh sách các giao diện có sẵn để bạn lựa chọn. Bạn chỉ việc nhấn lần lượt từng mẫu, rồi chọn nút Preview Website để xem chi tiết hơn trên cửa sổ lớn. Khi muốn xem thử tiếp một mẫu khác, bạn nhấn Load trước khi nhấn Preview Website. Nếu chưa ưng ý với các mẫu có sẵn, bạn nhấn Download Templates và tải về thêm các giao diện khác bắt mắt hơn (cần đăng ký thành viên trước khi tải). Sau khi tải về, bạn chỉ việc chạy file *.ewt để thêm giao diện mới vào danh sách. Xong, bạn nhấn Load để bắt tay vào việc thiết kế web.


Quy trình thiết kế web được thực hiện lần lượt thông qua tám biểu tượng trên giao diện EWP, cụ thể:

1. Layout



Dựa trên giao diện mẫu có sẵn, trường Colors giúp bạn thay đổi bốn mảng màu sắc trên web gồm: Background Color (màu nền bao phủ toàn bộ web), Elements Color (màu của các thành phần quan trọng như: thanh menu, nút bấm), Text Color (màu chữ), Hyperlink Color (màu của các liên kết chèn trong web). Sau khi chọn xong, bạn nhấn Preview Website để xem thử. Nếu không phối được màu một cách hài hòa, bạn có thể nhờ EPW gợi ý màu sắc chủ đạo cho web, bằng cách nhấp vào hộp Schemes và chọn một trong các kiểu phối màu theo chủ đề riêng như: Bluesky (xanh da trời), Chrome (màu kim loại), Rose (màu hồng), Vanilla (màu vàng nhạt của vani),…

Banner cũng là một thành phần quan trọng của web, nên bạn đánh dấu vào mục Image rồi chọn một trong các mẫu banner có sẵn (nếu muốn sử dụng ảnh riêng làm banner, bạn chọn mẫu *Custom* rồi nhấn Choose để tìm hình). Ngoài ra, bạn có thể đánh dấu vào mục Theme rồi chọn một trong các ảnh nhỏ để đặt chúng vào banner, làm nổi bật lên chủ đề của website. Sau khi chọn, bạn tùy chỉnh kích thước của ảnh tại mục Locationphía dưới, nhấn Preview Website để xem thử, rồi chuyển sang bước tiếp theo.

2. Logo


Logo là bức ảnh nhỏ tượng trưng cho “thương hiệu website”. Nếu không muốn chèn logo trực tiếp vào banner, bạn đánh dấu vào mục Off. Ngược lại, bạn đánh dấu vào một trong hai kiểu logo: Template (chèn logo flash qua các các mẫu được thiết kế sẵn), Image (nhấn Choose Image để chọn ảnh logo của riêng bạn, sau đó nhấnChange Size điều chỉnh kích thước logo).

3. Content Pages


Đến phần soạn nội dung, bạn cần xác định website sẽ gồm bao nhiêu trang (mỗi trang là một chuyên mục), rồi tạo thêm trang bằng cách nhấn vào nút tại hộp Add/Delete Page bên trái (nhấn để bỏ bớt).
Tương ứng với mỗi trang, bạn nhấn nút Edit để xây dựng nội dung cho trang đó. Khung soạn thảo khá đơn giản nhưng đầy đủ các công cụ cần thiết để bạn thỏa sức sáng tạo nội dung. Muốn nhanh chóng hơn, bạn nhấp vào hộp Page Templates và chọn một trong các mẫu cho trang web như: Blog Template (giao diện trình bày tin theo dạng blog), Gallery Content (trang “triển lãm” ảnh đẹp), Product Content (trang trưng bày sản phẩm),… Chọn xong mẫu, bạn chỉ việc nhấp vào thành phần có sẵn để sửa lại theo ý thích. Bên cạnh đó, khung Object Templates còn cung cấp nhiều ảnh, icon sinh động trang trí thêm cho nội dung trang web.



Nếu muốn “góp vui” cho website bằng một bản nhạc nền du dương, bạn đánh dấu vào ô Background Music rồi nhấn Settings. Trong hộp Music Settings, bạn chọn một trong mười bản nhạc nền có sẵn tại khung Media File, nhấp nút để nghe thử, rồi nhấn OK để chèn nhạc nền vào web. Bạn có thể nhấn Import Media File và tìm file nhạc nền từ máy tính (hỗ trợ các định dạng MP3, MID, WAV, AU), nên đánh dấu vào cả ba ô bên dưới: Autostart(tự động phát nhạc), Hide controls (giấu đi trình phát nhạc trên web), Loop (tự động lặp lại khi phát hết bài).


Nút Edit Footline bên cạnh cho phép bạn nhập nội dung cho phần footer, bỏ dấu chọn tại ô Footline nếu không muốn hiển thị footer trên trang web.

4. Buttons
Sau khi tạo xong nội dung các trang, bạn cần tạo liên kết đến từng trang bằng cách chèn liên kết vào thanh menu, để khi người xem nhấn vào các mục trên menu thì sẽ được xem nội dung tương ứng. Khung Buttons bên trái hiển thị các mục trên menu, bạn nhấn vào từng mục và sửa lại tên cho chúng thông qua ô Name bên cạnh. Để áp dụng hiệu ứng flash cho từng mục trên thanh menu, bạn đánh dấu vào ô Flash rồi chọn mẫu tại khungTemplates, chọn tiếp hiệu ứng âm thanh khi rê chuột vào nút tại khung Sound. Hai nút Rollout Color và Rollover Color cho phép bạn chọn màu sắc mặc định của nút (khi không rê chuột vào) và màu sắc khi rê chuột vào nút bấm.




Đến phần chèn liên kết cho từng nút, bạn chọn Hyperlink, đánh dấu vào một trong ba ô: Link to Page (liên kết đến một trang trong website), URL (liên kết đến một website khác), e-Mail (chèn liên kết gửi email đến một địa chỉ cụ thể). Xong, nhấn OK để chèn.

(còn tiếp)
Thanks go.vn
Chủ Nhật, 28 tháng 10, 2012

HTML-Kit

Bạn muốn có một công cụ mạnh miễn phí hỗ trợ bạn trong công việc làm Web, hãy thử với HTML Kit 1.0. Đây là một tiện ích nhỏ gọn hỗ trợ đầy đủ cho HTLM, XML và Script. Với HTML Kit 1.0 bạn có thể chỉnh sửa, định dạng, giúp tìm kiếm, xem trước và xuất bản các trang web . HTML Kit có thể giúp bạn nhận dạng các ngôn ngũ lập trình như HTML, XHTML, XML, CSS, XSL, JavaScript, VBScript, PHP, ASP, Java, Perl, Python, C/C++, C#, VB, Pascal/Delphi, Lisp và SQL, HTML Kit còn trợ giúp tốt với những người mới học và còn rất nhiều những tính năng khác giúp bạn trong công việc thiết kế Web.



  • Phát hành: HTML-Kit
  • Sử dụng: Miễn phí
  • Dung lượng: 2,8 MB
  • Cập nhật: 10/2010
  • Yêu cầu:Windows 95/98/Me/2000/XP/2003/Vista/Server 2008/7/NT


Thanks htmlkit.com

HTML Font Colorizer

HTML Font Colorizer là phần mềm tiện ích miễn phí giúp bạn tạo những dòng chữ đầy màu sắc bắt mắt cho Website của bạn. Chương trình cho phép bạn thêm bớt số màu, thay đổi kiểu font, kích thước font... Để đưa dòng chữ này vào trang Web, bạn hãy copy mã nguồn trong cửa sổ code HTML và dán vào mã nguồn trang Web của bạn. Ngoài ra, bạn cũng có thể nhanh chóng thực hiện việc này bằng cách kéo và thả.
HTML Font Colorizer

  • Phát hành: Peter Theill
  • Sử dụng: Miễn phí
  • Dung lượng: 235 KB
  • Cập nhật: 10/2010
  • Yêu cầu:mọi Windows

Thanks theill.com

Scroll Styles

Bất cứ ai cũng có thể sở hữu các thanh bar cuốn đầy màu sắc cho các website của mình mà không cần biết một chút kiến thức nào về lập trình. Scroll Styles cho phép người dùng có thể xem trước theo thời gian thực khi di chuyển các thanh trượt để điều chỉnh một số lượng vô hạn sự kết hợp của màu sắc. Người dùng có thể thay đổi màu đen, ảnh nền từ website của mình cho các mục đích thiết kế. Mã html được tạo tự động bằng các chỉ dẫn chèn dễ dàng. Chương trình còn cho phép chọn các thanh bar cuốn 3D hoặc dẹt, cho phép lưu các kiểu khác nhau để dễ dàng chuyển đổi khi bạn chán một kiểu nào đó.


  • Phát hành: Camtech 2000
  • Sử dụng: Miễn phí
  • Dung lượng: 302,4 KB
  • Cập nhật: 2010
  • Yêu cầu:Windows 95/98/Me/2000/XP/NT
Thanks: camtech2000

Status Scroll JavaScript cho thanh bar

Status Scroll cho phép bạn tạo đến 10 mã kịch bản JavaScript cho thanh bar trạng thái Scrolling cho website của mình. Chương trình hỗ trợ rất nhiều kiểu chẳng hạn như Scrolling, Inside Out, Typewriter, Elastic, Flashing, Bouncing và sự kết hợp giữa chúng. Tự động tạo mã với thông báo cá nhân hóa của bạn, gồm có các hướng dẫn cho phép bạn dễ dàng thực hiện theo.

  • Phát hành: Camtech 2000
  • Sử dụng: Miễn phí
  • Dung lượng: 276,7 KB
  • Cập nhật: 10/2010
  • Yêu cầu:Windows 2000/XP/2003/Vista/7


XWebDesignor


Bạn không hiểu gì về lập trình, XWebdesignor sẽ dành cho bạn. XWebDesignor là một ứng dụng hữu ích giúp bạn chỉnh sửa các trang web dễ sử dụng.

Bạn có thể tạo ra các trang web và các album ảnh mà không cần bất kỳ kiến thức đặc biệt trong lĩnh vực đồ họa lập trình hay máy tính. Bạn cũng có thể nhanh chóng tạo ra các blog, các menu động, nút bấm…hay tuỳ chỉnh trang web bằng cách thêm vào các menu, hiệu ứng hình ảnh, hình thức ….

  • Phát hành: NeutSSoftware
  • Sử dụng: Miễn phí
  • Dung lượng: 9,7 MB
  • Cập nhật: 01/2011
  • Yêu cầu:Windows ME/NT/2K/XP/2003/7

Thanks neutssoftware

WebMatrix Công cụ phát triển Web

Hôm 13/1, Tập đoàn Microsoft giới thiệu WebMatrix, công cụ phát triển Web miễn phí được thiết kế nhằm giúp các nhà phát triển web ở mọi cấp độ dễ dàng kiến tạo, chỉnh sửa và phát hành các trang web trên mạng internet.
Bộ giáo trình hướng dẫn bằng video kèm thủ thuật và các thông tin hỗ trợ khác nhằm trợ giúp các lập trình viên web mới tại địa chỉ: http://www.microsoft.com/web/webmatrix/learn. Theo ông S. Somasegar, Phó Chủ tịch cao cấp, Bộ phận Lập trình Microsoft: “Ngày càng nhiều người dùng muốn kiến tạo, phát hành và quản lý các trang Web. WebMatrix của Microsoft giúp đưa ra giải pháp tinh vi mà lại dễ sử dụng cho các nhà phát triển web ở mọi cấp độ, để trang web của họ có thể được phát hành trực tuyến.”

WebMatrix được phát hành trên 9 ngôn ngữ bao gồm bộ công cụ với các chức năng tạo Web mới, sử dụng mã được cung cấp thông qua hàng loạt các mẫu có sẵn hoặc sử dụng các ứng dụng Web nguồn mở tồn tại miễn phí như WordPress, Joomla!, DotN etNuke và Umbraco.
WebMatrix
Ông Ryan Ozimek, chủ tịch Open Source Matters đồng lãnh đạo của Joomala! - hệ thống quản lý nội dung được sử dụng rộng rãi chia sẻ: “WebMatrix đem lại sức mạnh và sự thân thiện với người dùng của Joomla! Nhờ cung cấp một bộ công cụ với khả năng dễ dàng truy cập, nên nó nằm trong tầm tay của các nhà thiết kế và lập trình web.”
WebMatrix được hỗ trợ bởi hệ thống gần 40 đối tác ứng dụng mã nguồn mở, tiền đề cần thiết cho sự phát triển thành công trên Web. Niels Hartvig, người sáng lập ra Umbraco nhận định: “WebMatrix là phương thức tốt nhất để kiến tạo và xây dựng một trang Web Umbraco. Với sự hỗ trợ WebMatrix từ các đối tác hàng đầu trong ngành công nghiệp, Microsoft thực sự đã phá bỏ đi rào cản cho các chuyên gia phát triển Web.”
Tại Việt Nam, công ty MISA cũng đã tiến hành thử nghiệm WebMatrix. Ông Nguyễn Xuân Hoàng, Tổng Giám đốc công ty MISA nhận định: “Sự thân thiện và bộ công cụ đầy sức mạnh của WebMatrix sẽ giúp đỡ và gia tăng năng suất cho các chuyên gia web rất nhiều. Tôi tin rằng cộng đồng lập trình tại thị trường Việt Nam sẽ đón nhận nồng nhiệt WebMatrix”.
Dễ dàng sử dụng
Microsoft thiết kế WebMatrix cho bất kỳ ai muốn kiến tạo trang Web. Đối với sinh viên và những chuyên viên trẻ, WebMatrix cung cấp nhanh về phương thức xây dựng trang Web. Với các công ty chuyên xây dựng Web, WebMatrix cung cấp phương thức hiệu quả để xây dựng các trang Web với mã nguồn mở; và cho các chuyên gia Web chuyên nghiệp, đó là một lựa chọn khác cho việc phát triển dữ liệu nhanh chóng và dễ dàng. Các chuyên gia Web chuyên nghiệp cũng có thể đóng góp mã vào một thư viện mã công cộng qua NuGet, hệ thống quản lý phần mềm mã nguồn mở đóng gói miễn phí, nhằm chia sẻ những kinh nghiệm tới cộng đồng.
WebMatrix cung cấp những công cụ cần thiết để vận hành một trang Web, bao gồm máy chủ Web, cơ sở dữ liệu và định khung cho trang Web. WebMatrix giúp gia tăng năng suất lập trình nhờ việc hỗ trợ các cú pháp lập trình đa chức năng, chẳng hạn như ASP.NET “Razor” hoặc PHP, và Web Helper, nơi cung cấp giải pháp dòng mã lệnh đơn lẻ cho các tác vụ mã hóa phức tạp, chẳng hạn như chèn dữ liệu feeding hoặc video từ Twitter. WebMatrix cũng bao gồm công cụ tìm kiếm với báo cáo tối ưu hóa nhằm giúp xây dựng các trang Web tìm kiếm thân thiện để người dùng có thể khám phá và tìm hiểu sâu hơn.
Khi trang Web đã sẵn sàng để trực tuyến, chuyên gia lập trình Web có thể khai báo trực tiếp với nhà cung cấp dịch vụ thông qua WebMatrix. WebMatrix có bộ sưu tập thông tin đa dạng về các đối tác và nhà cung cấp thuê bao trang web với mọi quy mô và giá cả dựa trên nhu cầu của người sử dụng. Danh sách này bao gồm 30 đối tác lớn thuộc 18 quốc gia như STRATO (Đức), DataJapan Corp. (Nhật), Applied Innovations Corp. (Mỹ), Fasthosts (Anh), Infobox (Nga), Poundhosts (Anh), Myhosting.com (Canada), NetMagic Solutions (Ấn độ), Netissime (Pháp) và Ikoula (Pháp)…

  • Phát hành: Microsoft
  • Loại bản quyền: Miễn phí
  • Size: 1,3 MB
  • Ngày Update: 09/2012
  • Tương thích:Windows NT/2K/XP/2003/Vista
Thanks microsoft

Fresh HTML


Fresh HTML 3.58 là một ứng dụng miễn phí cho phép bạn tạo trang HTML và bạn có thể lấy code HTML đưa vào trang có sử dụng bộ hiệu chỉnh WYSIWYG, nó chứa hầu như là tất cả các element trong trang HTML mà bạn sẽ cần kể cả những hiệu chỉnh về âm thanh.
Bạn sẽ nhìn thấy 1 bản điều khiển và bộ editor, bản điều khiển này bạn có thể di chuyển được một cách thuận tiện nhất. Nó có 1 button, các kí tự và để thêm âm thanh v..v. Bạn có thể thiết kế 1 trang dễ dàng theo ý của bạn, và sau đó bạn có thể lấy code HTML.Tất cả các code này bạn có thể hiệu chỉnh lại trước khi đưa ra website.
Nếu bạn muốn kiểm tra xem nó hiển thị như thế nào trên trình duyệt. Bạn vào Tools, chọn Preview in Browse. Công cụ này sẽ làm cho mọi người thích nó hơn, những người không biết nhiều về HTML có thể dễ dàng sử dụng một cách thành thạo nhất về nó.

Tính năng mới
  • - CSS Styles thanh tra. 
  • - Tag thuộc tính thanh tra. 
  • - Button Generator thuật sĩ 
  • - gói icon 
  • - Edit HTML thông qua giao diện hình cây. 
  • Free Web site / HTML mẫu 
  • - kiểm tra chính tả 
  • - Dễ dàng hơn để tạo ra Bảng 
  • - ActiveX hỗ trợ 
  • - Hỗ trợ Java Applet 
  • - Tạo marquee (chạy văn bản), không tiêu chuẩn W3C 
  • - Preview trong trình duyệt 
  • - Bối cảnh âm thanh liên kết hỗ trợ (* giữa, * wav, * au), tiêu chuẩn W3C không 
  • - JavaScript / VBScript Files (* js * vbs) liên kết hỗ trợ 
  • - JavaScript / VBScript hỗ trợ chỉnh sửa 
  • - Hỗ trợ máy nghe nhạc phương tiện truyền thông, thời gian nhanh chóng, phương tiện truyền thông thực sự, và các tập tin flash 
  • - Dễ dàng hơn để thiết lập tự động làm mới tự URL hoặc URL nào 
  • - Dễ dàng hơn để thiết lập robot meta 
  • dễ dàng hơn để thiết lập cơ sở URL và cửa sổ mục tiêu cơ sở. 
  • - Dễ dàng hơn để thiết lập LINK: StyleSheet Default Icon, Next, Prev, vv, 
  • - Dễ dàng hơn để điền vào từ khóa Meta, mô tả tác giả &. Bạn có thể sử dụng nó để tối ưu hóa trang web của bạn ở vị trí công cụ tìm kiếm 
  • - mẫu Đề án màu cho nền, văn bản, liên kết.

Fresh HTML
  • Phát hành: FreshWebmaster
  • Sử dụng: Miễn phí
  • Dung lượng: 3,8 MB
  • Cập nhật: 03/2011
  • Yêu cầu:Windows 95/98/Me/2000/XP/Vista/NT

Thanks: freshwebmaster

Serif WebPlus Starter Edition


Nếu bạn đang tập thực hiện một website nhưng cảm thấy khó khăn với những phần mềm thiết kế web thông dụng thì hãy thử dùng Webplus Starter Edition xem sao. Chương trình có giao diện rõ ràng, cung cấp sẵn các mẫu web, có sẵn các công cụ cần thiết và đặc biệt là miễn phí.
Serif WebPlus Starter Edition

1. Giao diện chương trình
Nhìn chung, chương trình có giao diện thân thiện, các tính năng được gom gọn vào từng menu, chỉ để lại các công cụ cần thiết trên cửa sổ. Giao diện gồm có các khu vực: thanh menu, thanh công cụ chuẩn (Standard, View, Web Properties), thanh công cụ quản lý và thiết lập website, thanh công cụ chèn và quản lý nội đa phương tiện (nằm dọc bên trái cửa sổ), khung tương tác với các đối tượng trên mẫu website, khung chứa các thẻ tính năng Studio Tabs (nằm dọc bên phải cửa sổ), thanh trạng thái và chuyển trang (phía dưới cùng). Nếu muốn thêm hay bớt thanh công cụ hiển thị trên cửa sổ thì bạn vào menu View và chọn trong danh sách xổ xuống của hai nhóm Toolbars, Studio Tabs. Trong quá trình sử dụng chương trình, cửa sổ Upgrade Information có thể xuất hiện khi thực hiện một tính năng nào đó, bạn bấm nút Close để tiếp tục tiến trình (vì đây là phần mềm miễn phí nên sẽ có một số quảng cáo như thế).

2. Thiết kế mẫu website

Khi khởi động vào chương trình thì bạn sẽ được lựa chọn một trong hai hình thức Start New Site hoặc Use Design Template. Nếu chưa quen làm việc với giao diện của chương trình thì bạn có thể chọn Use Design Template để làm quen với các tính năng thông qua mẫu web có sẵn, thay vì chọn Start New Site để bắt đầu từ trang web trắng. Trong cửa sổ Create New Site From Template, bạn chọn một mẫu trong khung bên trái rồi kéo thanh trượt bên trái để xem qua các trang thành phần. Trường Color Scheme giúp thay đổi nhóm màu sắc chủ đạo trên mẫu website. Khi xong bấm Open
- Tạo sơ đồ web:
Để xây dựng một hệ thống trang web có cấu trúc và bố trí khoa học, giúp cho người xem định hướng tốt những công việc của họ trên website, tránh cho họ sự lúng túng, mất kiên nhẫn, bạn cần xây dựng một sơ đồ web và hệ thống liên kết phù hợp. Trong thẻ Site ở khung Studio Tabs ở bên phải, bạn bấm vào biểu tượng Add new page or link. Ở hộp thoại hiện ra, bạn chọn kích thước trang tại hai mục Width và Hight của khung Appearance, chọn vị trí đặt trang mới ở khung Placement (Before - trước trang, After - sau trang, Child of - trang con của trang đang chọn), bấm OK. Ngoài ra, bạn có thể tạo ra nhiều Master Page (trang quy định các yếu tố nền tảng như biểu tượng, hình nền, thanh điều hướng) bằng cách bấm vào nút Add new master page hoặc bấm chuột phải vào Master A chọn Copy để tạo trang chính giống với Master A. Trong hộp thoại Copy Master Page, bạn chọn các thuộc tính Copy Objects - sao chép các đối tượng, Copy Background - sao chép cả hình nền, Copy attached HTML - sao chép mã HTML đính kèm.
- Tạo thanh điều hướng:
Bạn bấm đôi chuột vào trang chính Master A và bấm vào thanh menu (thanh điều hướng) mặc định của website mẫu. Trong hộp thoại Navigation Bar Settings, chọn thẻ Type rồi chọn Create New Navigation Bar, bấm Select ở dạng cần chọn. Thẻ Navigation Type, bạn chọn kiểu xổ xuống của các trang con (menu con) ở mục Base on site structure hoặc tự tạo thanh menu theo cách riêng ở mục Custom. Bạn có thể dùng chuột kéo thả để thay đổi kích thước của thanh điều hướng.
- Thiết lập thuộc tính trang:
Để thiết lập thuộc tính cho trang web, bạn bấm chuột phải vào một vùng trống trên trang, chọn Page Properties. Ở hộp thoại hiện ra, bạn thay đổi thiết lập trong các thẻ Navigation (tên trang, tên tập tin, thuộc tính thanh điều hướng), Appearance (canh chỉnh nội dung, quy định kích thước trang), Effects (hiệu ứng chuyển trang), Page Security (chỉ định nhóm người được phép truy cập trang web thông qua danh sách thành viên tại Serif Web Resources), Search Engine (tối ưu các thẻ meta để giúp cho các robot tìm kiếm phân tích và thu thập dữ liệu nhanh hơn).

3. Thêm nội dung vào trang
Webplus Starter Edition cung cấp cho người dùng đầy đủ công cụ giúp quản lý tốt nội dung ở các trang. Những công cụ này tập trung ở các menu Insert, Text, Table và thanh công cụ nằm dọc ở bên trái cửa sổ.
- Chèn văn bản: Bạn bấm vào biểu tượng chữ A (Artistic Text Tool) trên thanh công cụ để thêm nội dung văn bản vào bất kỳ một vị trí nào trên trang. Bên cạnh đó, bạn có thể sử dụng tính năng Freehand Path Text Tool (đường cong vẽ bằng tay), Straight Path Text Tool (đường thẳng), Curved Path Text Tool (đường cong) trong biểu tượng chữ A để nhập văn bản theo những đường vẽ tương ứng. Ngoài ra, bạn sử dụng tập tin văn bản sẵn có để nhập vào trang web, bằng cách sử dụng tính năng Text File trong menu Insert. Định dạng tập tin văn bản mà tính năng này hỗ trợ là txt, doc, odt, rtf.
- Chèn bảng biểu: Có các dạng bảng HTML Table Tool (bảng có hỗ trợ ngôn ngữ HTML, thích hợp với các bộ máy tìm kiếm), Creative Table Tool (bảng sáng tạo, hỗ trợ nhiều tính năng, có cả hiệu ứng 3D), Insert Calendar (chèn bảng dạng lịch).
- Chèn hình ảnh: Bạn sử dụng công cụ Import Image để đưa hình ảnh từ thư mục trên máy tính vào từng trang web. Với hình ảnh đưa vào, chương trình còn cung cấp một số công cụ chỉnh sửa cơ bản giúp cho hình ảnh thêm bắt mắt hơn. Ví dụ như tính năng Boder trong menu Format giúp tạo khung viền cho hình ảnh.
- Chèn các nội dung đa phương tiện khác: Bạn bấm vào nút xổ xuống cạnh biểu tượng hình nốt nhạc trên thanh công cụ rồi chọn nội dung cần chèn, gồm có: Sound Clip - âm thanh, Video Clip - đoạn phim, Flash File - tập tin dạng swf, YouTube Video - đường dẫn đến tập tin video trên YouTube, Google Map - bản đồ, Animated GIF - hình ảnh động, Java Applet - ứng dụng Java trên trình duyệt, Animated Marquee - hình ảnh động chuyển động ngang trên web.
4. Xuất bản website
Sau khi đã hoàn tất việc thiết kế, bạn cần sử dụng tính năng Preview Site trong menu File để xem lại sản phẩm trước khi xuất bản nội dung. Để kiểm tra tính tương thích trên các trình duyệt, bạn hãy xem trước website bằng tính năng Preview Site in Mozilla Firefox (Internet Explorer hoặc Browse Preview List). Khi không có gì thay đổi thì bạn vào menu File > Publish Site, chọn hình thức xuất bản:
- Publish to Disk Folder: giúp xuất bản website ra một thư mục trên máy tính, bạn chọn thư mục lưu trữ tại khung Output Folder. Khi đó, bạn có thể sao lưu toàn bộ website vào đĩa CD/DVD hoặc tải lên máy chủ một cách độc lập nhờ vào chương trình FTP.
- Publish to Web: Tính năng này giúp đưa website vào hoạt động ngay trên Internet. Bạn cần có một tài khoản quản lý máy chủ (hosting), điền thông tin cần thiết vào các ô trong hộp thoại Account Details như: Account name - tên tài khoản tại WebPlus, FTP Address - địa chỉ máy chủ, Username và Password - tên tài khoản và mật khẩu đăng nhập hosting. Nếu cần tải tất cả các trang web lên máy chủ thì bạn đánh dấu chọn vào ô Publish All Pages tại khung Page Range.

HƯỚNG DẪN
  • Điền địa chỉ email của bạn vào hộp thoại, rồi nhấn Continue. Một trang mới xuất hiện, các bạn tiếp tục điền đầy đủ thông tin vào khung hộp thoại, sau đó nhấn Continue.
  • Kiểm tra email, bạn sẽ nhận được một tin nhắn từ donotreply@serif.com với tiêu đề Activate your Serif.com Account. Các bạn nhấn vào confirm your account set up để kích hoạt tài khoản.
  • Tại trang web mới, các bạn nhấn Continue. Tiếp tục điền mật khẩu bạn vào, rồi nhấn Continue. Trang web mới sẽ hiển thị đầy đủ thông tin tài khoản của bạn và đường dẫn để tải phần mềm này về(nhấn vào Download).
  • Lưu ý, bạn cần sao chép số Product Keys tại dòng Webplus Starter Edition để phục vụ cho quá trình cài đặt phần mềm.
Serif WebPlus Starter Edition
  • Phát hành: Serif
  • Sử dụng: Miễn phí
  • Dung lượng: 26,2 MB
  • Cập nhật: 04/2011
  • Yêu cầu:Windows XP/Vista/7
Thanks Sản xuất  Serif


MultiBrowser test giao diện website trên nhiều trình duyệt


MultiBrowser là phần mềm hiển thị, thử nghiệm, test giao diện website trên nhiều trình duyệt khác nhau miễn phí.
MultiBrowser
Tính năng chính

  • Hỗ trợ mọi trình duyệt thông dụng: Internet Explorer 7, 8, 9, Firefox, Google Chrome,…
  • WebTool: Nhiều tính năng hữu ích từ Firebug, thêm 2 tính năng mới. Những thay đổi dễ dàng lưu vào dự án và hoạt động trên nhiều trình duyệt
  • Workspace: Chế độ Design tối ưu cho sáng tạo, chế độ Compare giúp bạn so sánh giữa các phiên bản khác nhau, và chế độ View cho phép bạn kiểm tra kết quả
  • Công cụ phát triển: Hướng dẫn, thước kẻ, và công cụ đo kích thước các thành phần trong website cũng như khoảng cách giữa chúng
  • Bộ kiểm lỗi HTML: Đánh dấu lỗi trong code, giúp bạn dễ dàng chỉnh sửa và lưu vào dự án. Mọi thứ tập trung vào một nơi, cực nhanh và dễ dàng.
  • Bộ soạn thảo HTML: Hiển thị mã HTML ngay khi bạn viết chúng

MultiBrowser
  • Phát hành: Smarcoms
  • Loại bản quyền: Miễn phí
  • Size: 26,7 MB
  • Ngày Update: 09/2012
  • Tương thích:Windows XP/Vista/7
Thanks: multi-browser

Thứ Năm, 25 tháng 10, 2012

Bản quyền sử dụng WebEasy 8 Professional miễn phí


WebEasy 8 Professional là phần mềm hỗ trợ thiết kế web chuyên nghiệp được xây dựng bởi Avanquest, thông qua giao diện trực quan, nó cho phép người sử dụng có thể dễ dàng tạo ra các website cho doanh nghiệp, tổ chức, cá nhân... mà không cần phải có nhiều kiến thức về lập trình. Phần mềm giá thương mại là $ 49,95, tuy nhiên thực hiện theo chỉ dẫn dưới đây bạn hoàn toàn có thể sử dụng nó miễn phí.
Bản quyền sử dụng WebEasy 8 Professional miễn phí


Đầu tiên, bạn mở trình duyệt và truy cập địa chỉ này, đây là trang được viết bằng tiếng Đức và giao diện cũng khá là gọn gàng, tiếp đến bạn hãy nhập đầy đủ các thông tin cần thiết như: địa chỉ email (E-Mail-Adresse và Bestätigen Sie bitte Ihre E-Mail-Adresse ), tên (Nachname), họ (Vorname) sau đó chọn ngôn ngữ ở mục Land. Cuối cùng, bạn nhấn vào nút Hier erhlten Sie lhre Seriennummer ở bên dưới.

Bản quyền sử dụng WebEasy 8 Professional miễn phí

Trong bước tiếp theo, bạn truy cập vào hộp thư của mình rồi mở lá thư mà lên Avanquest đã gửi, sau đó nhấn vào liên kết klicken Sie bitte hier xuất hiện trong thư.

Bản quyền sử dụng WebEasy 8 Professional miễn phí

Một khi trang mới được hiển thị, bạn sao chép lại key bản quyền có trên trang này ở phía sau dòng Seriennummer, kế đó tải WebEasy 8 Professional về tại đây, trong khi cài đặt bạn hãy kích hoạt phần mềm bằng key nhận được để sử dụng miễn phí là xong.

Bản quyền sử dụng WebEasy 8 Professional miễn phí

Các tính năng chính của WebEasy 8 Professional:

  • Cung cấp hơn 500 trang web mẫu được tạo sẵn bởi các nhà thiết kế chuyên nghiệp, mỗi trang web ứng với một trang duy nhất, trong đó các liên kết có thể chỉnh sửa dễ dàng theo nhu cầu của bạn
  • Không đòi hỏi phải có kiến thức lập trình hay kiến thức HTML
  • Dễ dàng chỉnh sửa và tùy chỉnh các mẫu.
  • Hỗ trợ tốt tính năng kéo-thả các đối tượng
  • Dễ dàng để theo dõi và thu thập thông tin khách truy cập bằng cách sử dụng các hình thức năng động.
  • Hỗ trợ mạnh mẽ trong việc tạo website thương mại điện tử
  • Có khả năng tự động xuất bản các bản tin lên web
  • Hỗ trợ tạo nút Paypal trong thanh toán trực tuyến.

Theo XHTT

Phần mềm mã nguồn mở trong kiểm tra tự động ứng dụng web


Có công cụ nguồn mở nào đáp ứng nhu cầu của lĩnh vực kiểm định phần mềm? Và chúng ta phải cân nhắc những yếu tố gì, tiêu chí nào để đưa ra quyết định lựa chọn giữa công cụ nguồn mở và công cụ thương mại?
Sản xuất phần mềm chuyên nghiệp ngày nay không thể không sử dụng các công cụ hỗ trợ. Chúng là trợ thủ đắc lực (đôi khi là bắt buộc) giúp lực lượng phát triển phần mềm nâng cao năng suất và chất lượng dự án. Tuy nhiên, một thực tế là chi phí cho các phần mềm hỗ trợ thương mại là rất cao, đôi lúc làm cho dự án không còn khả năng sinh lời ... Hơn nữa, với tình hình kinh tế hiện nay, các doanh nghiệp gia công phần mềm đang phải gồng mình cung cấp các gói dịch vụ giá thấp nhưng có chất lượng cao hơn để thu hút khách hàng. Do vậy ban quản trị dự án luôn phải tìm cách tiết kiệm chi phí phát triển, kiểm định cũng như vận hành dự án, trong khi vẫn đảm bảo chất lượng sản phẩm đầu ra.

Các phần mềm mã nguồn mở có thể đáp ứng cho nhu cầu trên. Mozilla Firefox, OpenOffice, hay LAMP (Linux, Apache, MySQL, PHP)... là các tên tuổi được nhiều người biết đến trong lĩnh vực phần mềm mã nguồn mở. Nhưng có công cụ mã nguồn mở nào đáp ứng nhu cầu của lĩnh vực kiểm định phần mềm? Và chúng ta phải cân nhắc những yếu tố gì, dựa trên những tiêu chí nào để đưa ra quyết định lựa chọn giữa công cụ kiểm tra mã nguồn mở và công cụ thương mại? Hy vọng bài viết này có thể giúp bạn trả lời câu hỏi trên.

1. CÔNG CỤ KIỂM TRA TỰ ĐỘNG MÃ NGUỒN MỞ

Cộng đồng mã nguồn mở có khá nhiều ứng dụng hỗ trợ việc kiểm tra tự động, từ các công cụ kiểm tra tính năng, hiệu năng, đến công cụ hỗ trợ kiểm tra hệ thống mạng, cơ sở dữ liệu... Dưới đây chúng tôi chọn ra một số công cụ mã nguồn mở có uy tín trong lĩnh vực kiểm tra tự động, cụ thể là kiểm tra tự động tính năng, hiệu năng của ứng dụng web.

JMETER (http://jakarta.apache.org/jmeter/)

Là một công cụ chuyên dùng để kiểm tra hiệu năng của các ứng dụng web, được viết bằng Java, JMeter có thể hoạt động trên các hệ điều hành có hỗ trợ JVM (Java Virtual Machine) phiên bản 1.4 trở lên. JMeter không đòi hỏi kiến thức lập trình chuyên sâu để sử dụng. Hiện nay ứng dụng này đã được cải tiến để có thể đo lường hiệu năng hoạt động của các đối tượng và giao thức sau: HTTP, HTTPS, SOAP, JDBC, LDAP, JMS, POP3 ...

Các thành phần chính:

  • Test Plan: Bao gồm các bước sẽ được JMeter thực thi.
  • Thread Group: Đại diện cho người dùng ảo (virtual user), có thể gồm các thành phần sau:
    • Logic Controller: Cho phép điều chỉnh logic khi gửi các yêu cầu đến đối tượng cần kiểm tra.
    • Sampler: Cung cấp thông tin cho JMeter gửi các yêu cầu đến máy chủ cần kiểm tra. Tùy theo giao thức kiểm tra, JMeter hỗ trợ những loại sampler khác nhau.
    • Config Element: Sử dụng để thêm vào những thay đổi/ cấu hình cần thiết cho các sampler.
    • Timer: Điều chỉnh khoảng thời gian dừng giữa các lần gửi yêu cầu.
    • Pre/Post Processor: Cho phép thực hiện một số bước cần thiết ngay trước/ sau khi chạy một sampler nào đó.
    • Assertion: Các phương pháp xác nhận thông tin trả về từ đối tượng kiểm tra có đúng với mong đợi hay không.
    • Listener: Cho phép thu thập thông tin kết quả. Có thể đưa ra các báo cáo kết quả kiểm tra dạng đồ thị, hoặc xuất ra tập tin.
  • WorkBench: Được xem như một vùng tạm để làm việc, lưu trữ. Tất cả các thành phần bên trong WorkBench sẽ không được thực thi (trừ khi nó được chuyển vào trong Test Plan).

JMeter có thể giả lập hàng ngàn người dùng ảo để thực hiện đo lường, kiểm tra hiệu năng của đối tượng cần test dựa trên một kịch bản dựng sẵn. Số lượng người sử dụng ảo bị hạn chế bởi cấu hình phần cứng của máy chủ chạy test. Nhưng điều này có thể được khắc phục với phương pháp kiểm tra phân tán. JMeter đồng thời cũng cung cấp một hệ thống báo cáo kết quả kiểm tra linh động. Tính dễ sử dụng của công cụ này là không cao nếu so sánh với các công cụ thương mại. Nhưng JMeter hiện đang được sử dụng rộng rãi nên có một hệ thống tài liệu hỗ trợ rất tốt, từ các hướng dẫn trên website, đến các diễn đàn và ebook.

SELENIUM (http://seleniumhq.org/)

Selenium gồm một bộ các công cụ hỗ trợ kiểm tra tự động tính năng của ứng dụng web, bao gồm: Selenium IDE, Selenium Remote Control (RC), Selenium Core và Selenium Grid. Bộ công cụ này hoạt động tốt trên nhiều hệ điều hành và có thể thực thi kiểm tra trực tiếp trên các trình duyệt web khác nhau.

- Selenium IDE: Một ứng dụng mở rộng cho Mozilla Firefox phiên bản 2.0 trở lên. Công cụ này cung cấp chức năng "thu và chạy lại" – Record and Playback. Nhờ đó, Tester có thể nhanh chóng tạo một bộ kịch bản kiểm tra (test script) bằng cách trực tiếp "thu" các thao tác của mình trên đối tượng cần kiểm tra thành một tập những câu lệnh Selenese (ngôn ngữ kịch bản được dùng riêng cho Selenium IDE và Selenium Core, có dạng bảng HTML). Sau đó chạy lại các câu lệnh này để kiểm tra. Chức năng này rất hữu dụng giúp tiết kiệm thời gian viết kịch bản kiểm tra. Selenium IDE còn cho phép lưu kịch bản đã thâu dưới nhiều loại ngôn ngữ lập trình khác nhau như Java, PHP, C#, Ruby, Perl hay Python.

- Selenium RC: Công cụ này có thể nhận các test script được thu bởi Selenium IDE, cho phép chỉnh sửa, cải tiến linh động bằng nhiều ngôn ngữ lập trình khác nhau. Sau đó khởi động một trong các trình duyệt web được chỉ định để thực thi kiểm tra trực tiếp trên trình duyệt đó. Selenium RC còn cung cấp khả năng lưu lại kết quả kiểm tra.

- Selenium Grid: Thực hiện phương pháp kiểm tra phân bổ, phối hợp nhiều Selenium RC để có thể thực thi trên nhiều trình duyệt web khác nhau trong cùng một lúc. Cũng cho phép lưu lại kết quả kiểm tra.

- Selenium Core: Đã được tích hợp trong Selenium IDE. Selenium Core là một công cụ chạy các test script viết bằng Selenese. Thế mạnh của công cụ này là có thể chạy test script trên gần như tất cả các trình duyệt, nhưng lại yêu cầu được cài đặt trên máy chủ của website cần kiểm tra. Điều này là không thể khi Tester không có quyền truy cập đến máy chủ đó.


Cơ cấu làm việc của bộ ba Selenium IDE, Selenium RC và Selenium Grid (nguồn: http://seleniumhq.org/)

Là một công cụ hỗ trợ kiểm tra tính năng nên Selenium không có khả năng giả lập nhiều người dùng ảo cùng một lúc. Công việc của nó là chạy kiểm tra tự động dựa trên một kịch bản đã được thiết kế từ trước. Qua đó chúng ta có thể chắc chắn rằng đối tượng kiểm tra có hoạt động đúng như mong đợi hay không. Lợi ích Selenium có thể đem lại là không nhỏ, nhưng để tận dụng lợi thế đó, tester phải có khả năng nghiên cứu và ứng dụng, đồng thời kiến thức lập trình tốt cũng sẽ giúp ích nhiều trong quá trình sử dụng công cụ mã nguồn mở này.

MỘT SỐ CÔNG CỤ MÃ NGUỒN MỞ KHÁC

Ngoài hai công cụ hữu ích trên, các công cụ sau đây tuy có một số khuyết điểm nhưng cũng gây được ấn tượng tốt với cộng đồng người dùng nên chúng tôi sẽ điểm qua một số thông tin sau:

- The Grinder (http://grinder.sourceforge.net). Nhìn chung, The Grinder có nhiều điểm tương đồng với JMeter: là một ứng dụng thuần Java, hoạt động trên nhiều hệ điều hành, yêu cầu JVM phiên bản 1.4 trở lên. The Grinder cũng được thiết kế để kiểm tra hiệu năng web, cơ sở dữ liệu qua JDBC và một số giao thức khác. Điều khác biệt là The Grinder đòi hỏi tester phải có khả năng sử dụng ngôn ngữ Jython để có thể viết/chỉnh sửa các kịch bản kiểm tra (test script) theo ý mình, và hệ thống báo cáo kết quả kiểm tra không linh động như JMeter.

- TestMaker (http://www.pushtotest.com). Hỗ trợ kiểm tra hiệu năng và tính năng của ứng dụng web. TestMaker có khả năng chạy test script được thâu từ các công cụ khác như TestGen4Web và Selenium. Tuy nhiên, phiên bản được xây dựng sẵn để cài đặt và sử dụng miễn phí nhưng bị hạn chế khả năng chạy kiểm tra tối đa với 200 người dùng ảo. Để xóa bỏ hạn chế này, người sử dụng có thể trả tiền hoặc tự tải mã nguồn của TestMaker về và tự xây dựng (build) thành một bộ cài đặt và sử dụng hoàn chỉnh. Điều này đòi hỏi kiến thức về Java, Ant, NetBean, ...

- WebLoad OpenSource (http://webload.org). Vốn là một công cụ thương mại hỗ trợ kiểm tra hiệu năng web của RadView Software. Gia nhập cộng đồng mã nguồn mở vào năm 2007 nhưng WebLoad OpenSource bị hạn chế nhiều tính năng so với phiên bản thương mại của nó. Hiện tại WebLoad OpenSource không hỗ trợ giao thức HTTPS nên khá bất tiện trong một số trường hợp.

- OpenSTA (http://opensta.org) cũng là một công cụ kiểm tra hiệu năng web có tên tuổi nhưng đã không đưa ra một phiên bản mới nào từ cuối năm 2007. Một trong những yếu điểm của OpenSTA là chỉ hoạt động trên Windows. Tuy nhiên tính thân thiện và dễ sử dụng của công cụ này lại được đánh giá cao. Ngôn ngữ kịch bản được sử dụng trong OpenSTA là SCL.

Nhiều ứng dụng mã nguồn mở phục vụ công việc kiểm định phần mềm cũng được giới thiệu tại www.opensourcetesting.org.

2. CÔNG CỤ MÃ NGUỒN MỞ HAY THƯƠNG MẠI

Liệu các công cụ hỗ trợ kiểm định mã mở có thể làm tốt công việc như các công cụ thương mại hay không. Câu trả lời là có, nhưng chúng ta vẫn phải xét đến các khía cạnh sau:

So sánh giữa công cụ mã mở và thương mại

Khi quyết định sử dụng các công cụ mã nguồn mở, chúng ta phải chấp nhận rằng chúng không dễ sử dụng (như công cụ thương mại), có một số hạn chế trong tính năng và có thể công cụ đó vẫn còn một số lỗi phát sinh trong quá trình sử dụng. Vì vậy việc sàng lọc không phải đơn giản. Tốt nhất công cụ mã mở đó vẫn phải được cập nhật và hỗ trợ tài liệu, kỹ thuật bởi cộng đồng để có thể giảm thiểu các yếu tố rủi ro vừa nêu.
Ngoài ra, việc tìm được nhân lực có thể sử dụng tốt các công cụ kiểm định mã nguồn mở cũng là một bài toán khó. Do đó, việc nghiên cứu và đào tạo cần được đầu tư đúng lúc, đúng mức độ cần thiết cho nhu cầu dự án. Tuy nhiên khi xem xét lại giữa công sức phải bỏ ra để ứng dụng phần mềm mã nguồn mở và chi phí rất lớn để đầu tư công cụ thương mại, ta sẽ thấy được sự cân bằng giữa hai loại công cụ nói trên.

Các vấn đề cân nhắc khi quyết định ứng dụng công cụ mã nguồn mở vào dự án:

Vấn đề kỹ thuật:

Nhu cầu kiểm định của dự án? Sử dụng các công nghệ, giao thức gì?
Có yêu cầu đặc biệt nào về báo cáo và phân tích kết quả kiểm tra không?
Công cụ mã mở đó có được hỗ trợ kỹ thuật/ tài liệu đầy đủ không?

Vấn đề nguồn lực:

Khả năng kỹ thuật và nghiên cứu của tester
Trong nhóm ít nhất nên có một tester đã có kinh nghiệm sử dụng, hoặc thông thạo ngôn ngữ kịch bản mà công cụ đó hỗ trợ.

Vấn đề chi phí:

Chi phí và quỹ thời gian cho giai đoạn kiểm định tự động (nên cân nhắc cả thời gian đào tạo để ứng dụng công cụ).

3. KẾT LUẬN

Các phần mềm mã nguồn mở đem lại cơ hội thứ hai bên cạnh các phần mềm thương mại, cho lĩnh vực kiểm định chất lượng phần mềm. Tuy không tốn chi phí đầu tư ban đầu nhưng việc ứng dụng công cụ mã mở cũng có các phát sinh tiềm ẩn khác đôi khi rất tốn kém, như việc phải tìm được giải pháp vượt qua các hạn chế và lỗi của công cụ (nếu có), hoặc phải lập trình thêm một số module bổ sung tính năng để đáp ứng nhu cầu dự án, tốn nhiều thời gian để tìm hiểu và ứng dụng tốt... Do đó cần có kế hoạch cân nhắc và đánh giá kỹ tất cả các khía cạnh để cuối cùng việc ứng dụng công cụ mã mở đó đem lại lợi ích nhiều hơn với tổng chi phí và công sức đầu tư thấp hơn.

Thanks: Ngô Quách Hy (theo PC World VN)


Cài đặt Web Server - Cài đặt XAMPP

XAMPP là một gói cài đặt bao gồm các mềm dùng để tạo máy chủ chạy trang web động ngay trong máy tính bạn. Đay là bước khởi đầu rất quan trọng để bạn thử nghiệm các demo web động ngay trong chính máy tính bạn mà không cần sử dụng các dịch vụ trên mạng.
Sau một thời gian học tập và xây dựng web động, thì bạn có thể up lên các hosting trên mạng (mình sẽ giới thiệu bài sau)

XAMPP ! bạn gõ từ này vào trình duyệt nó sẽ cho ra rất nhiều tìm kiếm liên quan. Ở đây mình sẽ giới thiệu những điểm cần chú ý với nó.

XAMPP được xây dựng bởi cộng đồng, và do đó tất nhiên nó miễn phí với tất cả mọi người.
XAMPP có trang chủ phát hàng là http://www.apachefriends.org/en/xampp.html thi thoảng bạn nên vào đây để xem có gì mới nhất hay không.
Nếu bạn đang sử dụng windowns thì vào đây để lấy bản mới nhất : http://www.apachefriends.org/en/xampp-windows.html (đừng download qua trung gian, từ trang khác)
Họ thường giới thiệu 3 kiểu đóng gói để bạn tải về:

  • Installer: Đã cài sẳn, bạn chỉ việc tải về rồi giải nén ra thư mục nào đó là dùng được. Cái này dung lượng nhiều)
  • ZIP: Đóng gói nén ở dạng *.zip. tải về rồi cài đặt sẽ được những files như gói Installer.
  • 7zip: Cũng là dạng đang được nén, cái này dung lượng ít nhất do 7zip nén nhiều nhất, và tất nhiên khi cài ra cũng như gói Installer.


Mách nhỏ: Bạn nên down gói ZIP vì cái này được nén vừa phải, không mất nhiều thời gian cho bạn ddowwn từ mạng về. Mặt khác định dạng ZIP, mình thấy hầu hết các máy tính đều mở xem được, không cần phần mềm hỗ trợ. Còn nếu lần đầu, hoặc bạn nhác cài thì cứ down gói cài sẵn Installer về thôi!

Cài đặt:
 Chạy file cài đặt  xampp ....... .exe.

Chú ý tại bước  hỏi cài vào đâu? bạn nên cài vào ổ không phải là ổ hệ điều hành 
ví dụ : ổ hệ điều hành của bạn là C thì bạn cài vào một trong các ổ D,E,F,... tùy bạn.
Tại vì ổ hệ điều hành đôi khi bạn phải cài lại windowns, hoặc máy chục chặc phải format windows để cài lại.
Cài vào các ổ khác thì bạn cài lại hệ điều hành XAMPP vẫn không bị ảnh hưởng, vẫn dùng nhiều lần qua nhiều đời windows miễn máy bạn không bị virus.

Trong khi cài đặt bạn cứ đánh dấu chọn hết 
Sau khi cài đặt xong, mặc định sẽ được chương trình như thế này:
Đến đây có một điều bạn nên chú ý.

Mặc định XAMPP lưu các demo, code, bài làm web của bạn sau này trong thư mục mà bạn đã cài đặt.
ví dụ bạn đã cài vào D:\xampp\ thì các XAMPP chỉ đọc các files web trong trong D:\xampp\ htdocs\ 
Điều này bất tiện khi thư mục D:\xampp\ htdocs\ sau này càng làm càng lớn lại lưu nhiều thứ linh tinh, mà ta lại muốn D:\xampp\ luôn được "sạch"!.

Vậy hẩy chuyển D:\xampp\ htdocs\  ra ngoài D:\xampp bằng cách tạo D:\www\ để sử dụng thay cho D:\xampp\ htdocs\

Các làm:

1. Tạo thư mục www tại ổ D

2. Vào file: D:\xampp\apache\conf\httpd.conf . Sử dụng notepad hay tốt nhất là phần mềm Notepad++ (bạn nên dùng Notepad++ vì không lẽ nào bạn làm web mà không cài Notepad++ để xem nhanh code)
Khi xem file httpd.conf
3. Bạn thay thế hết các từ D:/xampp/htdocs sửa lại thành D:/www
Thao tác nhanh nhất là nhấn Ctrl + H để thay thế từ như hình 

4. Sau khi thay thế xong lưu file đó lại (Ctrl+S)

Vậy là từ nay bạn làm web động trong thư mục D:/www rồi
Đường dẫn chung cho các trang chạy trong máy bạn là http://localhost/.... 

Bạn vào http://localhost/phpmyadmin  để tạo cơ sở dữ liệu cho trang web nào đó của bạn