You are here: Home / Archives for Web2.0

Web 2.0: Người dùng cảnh giác cung cấp thông tin!

May 4, 2009 By Leave a Comment

Trong thời kì bùng nổ công nghệ, bùng nổ thương mại điện tử, bùng nổ ứng dụng trên Internet, ứng dụng công nghệ Web 2.0 ngày càng được nhiều doanh nghiệp, người dùng đón nhận vì tính hiệu quả tương tác và nhu cầu tiện dụng. Tuy nhiên, công nghệ Web 2.0 cũng tiềm ẩn nhiều rủi ro trong bảo mật. Nhân dịp, chi hội ATTT (ATTT) phía Nam (VNISA phía Nam) triển khai kế hoạch 2009, tạp chí TGVT đã phỏng vấn ông Phùng Hải, giám đốc kinh doanh công ty Phát Triển Phần Mềm và Hỗ Trợ Công Nghệ – Misoft TPHCM, trưởng ban An Toàn Mạng và Hệ Thống chi hội VNISA.
[Read more...]

button Web 2.0: Người dùng cảnh giác cung cấp thông tin!
Filed Under: Tin tức tổng hợp, Web2.0 Tagged With:

Top 100 webware năm 2008

February 28, 2009 By Leave a Comment

Dưới đây là 100 Web2.0  được chọn qua sự bình chọn của các bạn đọc trên internet. Với 1.9 tỷ bình chọn chúng ta có được 100 webware sau:

amazonmp3 Top 100 webware năm 2008 blogtalkr Top 100 webware năm 2008 emusic Top 100 webware năm 2008 finetune Top 100 webware năm 2008 ilike Top 100 webware năm 2008
itunes Top 100 webware năm 2008 lastfm Top 100 webware năm 2008 live365 Top 100 webware năm 2008 pandora Top 100 webware năm 2008 zunemark Top 100 webware năm 2008

[Read more...]

button Top 100 webware năm 2008
Filed Under: Tin tức tổng hợp, Web2.0 Tagged With:

10 mẫu form CSS đẹp

February 25, 2009 By Leave a Comment

Bạn là người thiết kế giao diện Web, bạn rất hay phải làm ra các Form tương tác với người dùng. Chắc chắn bạn không thể không dùng CSS để làm đẹp cho Form của mình. Trong bài viết này sẽ giới thiệu cho bạn 10 mẫu Form đẹp sử dụng CSS cho mọi người. Hi vọng nó có ích cho các bạn.

1. Semantic Horizontal Form

forms css 1 10 mẫu form CSS đẹp

This form is coded in a semantic way and the elements are positioned next to eachother except for the last fieldset which spans the full width of the form below the 3 top fieldsets. It’s been tested in FF1.x, IE6 and Opera8. (looks a little quirky in IE5.x but still usable)

[Read more...]

button 10 mẫu form CSS đẹp
Filed Under: CSS, Web2.0 Tagged With: ,

25+ Web2.0 ko thể bỏ qua

February 20, 2009 By Leave a Comment

Có những lúc dự án hoặc khách hàng đòi hỏi công việc làm trong 1 ngày hoặc ngắn hơn. Khi đó bạn cần những công cụ giúp bạn có thể tạo nhanh những cái mà họ mong muốn. Xin giới thiệu 25 Web2.0 cho phép tạo ra những ảnh background sống động, những menu = CSS đẹp mắt, những gallery theo ý muốn…

Web 2.0 Generator

Trang web2.0 này tự động tạo những giao diện XHTML/CSS với những góc tròn (hình chữ nhật có các góc tròn). Bạn hãy thử xem nó làm rất nhanh.

web20generator 25+ Web2.0 ko thể bỏ qua

[Read more...]

button 25+ Web2.0 ko thể bỏ qua
Filed Under: Ajax, Web2.0 Tagged With:

Top 10 Web2.0 trên TG

February 14, 2009 By Leave a Comment

Tổng hợp từ nhiều site, tôi đưa ra 10 Website2.0 hàng đầu với 2 tiêu chí là giao diện + chức năng người dùng.

1) Cork’d

corkd Top 10 Web2.0 trên TG

[Read more...]

button Top 10 Web2.0 trên TG
Filed Under: Tin tức tổng hợp, Web2.0 Tagged With:

Các mạng xã hội đối mặt với khủng hoảng

December 30, 2008 By Leave a Comment

Hàng tá các công ty mạng xã hội có thể lụn bại vào năm tới do quảng cáo ế ẩm và một dạng bong bóng dot.com mới đe dọa nổ, theo các chuyên gia Deloitte.

Các website đang sống sót có thể bị buộc phải bổ sung vào doanh thu của mình từ nguồn đăng ký trả tiền, bán dữ liệu của các thành viên hoặc tìm các nguồn tài chính phụ thêm, các nhà nghiên cứu của hãng tư vấn, kiểm toán lớn thứ nhì thế giới Deloitte nói. Dự báo ảm đạm này đến khi hãng khảo sát thị trường eMarketer dự đoán về tăng trưởng đối với quảng cáo kỹ thuật số đã giảm một nửa, từ 17,2% còn 7,2% cho năm tới. [Read more...]

button Các mạng xã hội đối mặt với khủng hoảng
Filed Under: Tin tức tổng hợp, Web2.0 Tagged With: , ,

Web2.0

December 4, 2008 By Leave a Comment

Được xem là một cuộc cách mạng trên thế giới mạng, thế hệ web mới có những thay đổi quan trọng không chỉ ở nền tảng công nghệ mà còn cả ở cách thức sử dụng – hình thành nên môi trường cộng đồng, ở đó mọi người cùng tham gia đóng góp cho xã hội “ảo” chứ không chỉ “duyệt và xem”.

Web 2.0 là gì? Làm sao phân biệt đâu là Web 1.0 đâu là Web 2.0? Thuật ngữ “Web 2.0″ đang trở nên thịnh hành. Thực chất, Web 2.0 có nghĩa là sử dụng web đúng với bản chất và khả năng của nó.

Mục tiêu đầu tiên của những người tiên phong xây dựng Internet là nhằm kết nối các nhà nghiên cứu và các máy tính của họ với nhau để có thể chia sẻ thông tin hiệu quả. Khi bổ sung World Wide Web (năm 1990), Tim Berners-Lee cũng nhằm mục tiêu tạo phương tiện cho phép người dùng tự do đưa thông tin lên Internet và dễ dàng chia sẻ với mọi người (trình duyệt web đầu tiên do Berners-Lee viết bao gồm cả công cụ soạn thảo trang web). Tuy nhiên, sau đó web đã phát triển theo hướng hơi khác mục tiêu ban đầu.

[Read more...]

button Web2.0
Filed Under: Web2.0 Tagged With:

Căn bản về jQuery

December 2, 2008 By 3 Comments

Cơ bản

Đây là bài hướng dẫn cơ bản, nhằm giúp bạn có những kiến thức căn bản để sử dụng jQuery. Nếu bạn chưa tạo một trang thí nghiệm, hãy tạo một tài liệu HTML với nội dung như sau:

<html>
<head>
<script type=”text/javascript” src=”path/to/jquery.js”></script>
<script type=”text/javascript”>
// Your code goes here
</script>
</head>
<body>
<a href=”http://jquery.com/”>jQuery</a>
</body>
</html>

Sửa thuộc tính src trong thẻ script để trỏ tới jquery.js Ví dụ, nếu jquery.js ở cùng thư mục với tệp HTML, bạn có thể dùng:

<script type=”text/javascript” src=”jquery.js”></script>

Bạn có thể tải bản jQuery mới nhất tại trang Downloading jQuery.
Chạy mã lúc Document Ready (trang đã sẵn sàng)

Có thể thấy rằng hầu hết các lập trình viên Javascript kết thúc mã thực thi bằng cách thêm các dòng mã vào script, tương tự như sau:

window.onload = function(){ … }

Các mã bên trong đó sẽ được thực thi khi trang được tải xong. Không còn gì phải bàn, tuy nhiên, mã Javascript không chạy cho đến khi tất cả các hình ảnh trong trang được tải xong (kể cả banner quảng cáo). Lý do cho việc sử dụng window.onload là để chắc chắn rằng HTML ‘document’ phải được tải xuống hết, sau đó mới chạy mã kia.
Để giải quyết, jQuery có câu lệnh đơn giản, được biết như

ready event:
$(document).ready(function(){
// Mã của bạn
});

Mã này kiểm tra document và đợi cho đến khi nó sẵn sàng để sử dụng – theo ý bạn muốn. Hãy lấy đoạn mã mẫu ở trên và cho vào tài liệu HTML của bạn. Các ví dụ còn lại của jQuery sẽ được đặt bên trong phần callback của hàm này, chúng sẽ được thực thi khi tài liệu sẵn sàng.
Chuyện gì xảy ra với sự kiện Click

Đầu tiên, chúng ta sẽ thử thực hiện động tác click với

clicked. Bên trong ready function (từ ví dụ ở trên), thêm mã như sau:
$(”a”).click(function(){
alert(”Cảm ơn đã ghé thăm!”);
});

Lưu tệp HTML và tải lại trang thử nghiệm trên trình duyệt (Ctrl+F5). Bấm vào link nào đó trên trang và trình duyệt sẽ hiện ra một thông báo pop-up.
Đối với sự kiện click và hầu hết các sự kiện khác events, bạn có thể can thiệp vào hành động mặc định – ở đây, sau đây là link dẫn tới jquery.com – bằng cách trả về giá trị false từ điều khiển sự kiện:

$(”a”).click(function(){
alert(”Cảm ơn đã ghé thăm!”);
return false;
});

Nếu không dùng các đoạn mã trên, nếu bạn nhấn link tới jquery.com trong trang, thì trình duyệt sẽ duyệt tới. Nhưng ở đây, trình duyệt sẽ hiện thông báo và không chuyển đi đâu cả.
Thêm một Class (lớp với CSS)

Đây là tác vụ dùng để thêm vào (hoặc bỏ đi) các class từ phần tử nào đó, ví dụ:

$(”a”).addClass(”test”);

Nếu bạn đặt đoạn mã trên vào phần script trong header của trang HTML, thì mã tự động sinh ra sẽ là:

<style type=”text/css”>a.test { font-weight: bold; }
</style>

và sau đó

addClass

được gọi – tất cả những phần từ A sẽ được làm đậm. Để bỏ class, bạn có thể sử dụng removeClass
Các hiệu ứng khác

Trong jQuery, có cung cấp các thành phần effects, để làm cho website của bạn thật sự nổi bật. Để chạy thử, hãy thay đoạn mã như sau:

$(”a”).click(function(){
$(this).hide(”slow”);
return false;
});

Bây giờ, nếu bạn nhấn vào liên kết có trong trang, bạn sẽ thấy nó biến mất một cách từ từ.

[edit]

Khả năng liên kết thành chuỗi (một phép thuật jQuery)

jQuery cung cấp cho bạn một cách viết mã đơn giản và ngắn gọn. Nó tương tự như cách thức lập trình hướng đối tượng (object-oriented programming), nói đúng hơn đây là cách viết thẳng một hàng.
Tóm lại: Mỗi phương thức trong jQuery trả về câu truy vấn đối tượng của chính nó, nó cho phép bạn ‘xích’ chúng lại với nhau, ví dụ:

$(”a”).addClass(”test”).show().html(”foo”);

Câu lệnh này chứa những phương thức cá thể (addClass, show, và html) trả về đối tượng jQuery, nó cho phép bạn có thể tiếp dụng sử dụng phương thức để đặt cho phần tử hiện tại.
Bạn có thể dùng xa hơn nữa, bằng cách thêm hoặc bỏ phần tử từ vùng chọn, thay đổi các phần tử này và sau đó trả giá trị lại cho vùng chọn trước, ví dụ:

$(”a”)
.filter(”.clickme”)
.click(function(){
alert(”You are now leaving the site.”);
})
.end()
.filter(”.hideme”)
.click(function(){
$(this).hide();
return false;
})
.end();
Bạn tạo thêm đoạn mã HTML như sau:
<a href=”http://google.com/” class=”clickme”>I give a message when you leave</a>
<a href=”http://yahoo.com/” class=”hideme”>Click me to hide!</a>
<a href=”http://microsoft.com/“>I’m a normal link</a>
Các phương thức thay đổi vùng chọn của jQuery, có thể hoàn lại với end(), nó cho biết sự kết thúc của vùng lựa chọn đó và bắt đầu áp dụng lựa chọn mới:

  • add(),
  • children(),
  • eq(),
  • filter(),
  • find(),
  • gt(),
  • lt(),
  • next(),
  • not(),
  • parent(),
  • parents() and
  • siblings().

Đọc thêm Traversing API documentation để biết thêm chi tiết về các phương thức này.
Hàm hồi quy, Hàm, và ‘this’

Hàm hồi quy là một hàm được truyền như là một thông số cho một hàm khác (hàm gọi/hàm bao ngoài) và sẽ được thực thi sau khi hàm gọi hoàn tất. Điều đáng lưu ý về hàm hồi quy là tất cả những hàm xuất hiện sau “hàm gọi” có thể thực thi trước hàm hồi quy.
Một điều quan trọng khác cần lưu ý là làm thế nào dùng đúng hàm hồi quy. Đây là điều mà tôi thường hay quên cú pháp câu lệnh.
Dùng hàm hồi quy không thông số

Đối với một hàm hồi quy không thông số, bạn có thể gọi theo cách sau:
$.get(’myhtmlpage.html’, myCallBack);
Lưu ý thông số thứ hai chỉ đơn giản là tên hàm (không truyền như một giá trị chuỗi ký tự và không có dấu ngoặc đơn). Các hàm trong Javascript được xem là những ‘khách hàng hạng sang’ và vì vậy có thể truyền như một biến số và sẽ được thực thi sau đó.
Dùng hàm hồi quy có thông số

Bạn sẽ thắc mắc “Bạn sẽ phải gọi hàm hồi quy như thế nào nếu có thông số?”.
Sai

Cách dùng sai (không hoạt động)
$.get(’myhtmlpage.html’, myCallBack(param1, param2));
Cách này không hoạt động vì bạn gọi myCallBack(param1, param2) sau đó lại truyền giá trị trả về như là một thông số mới cho hàm $.get().

Đúng

Cách dùng đúng

$.get(’myhtmlpage.html’, function(){
myCallBack(param1, param2);
});

Lý do, bằng cách truyền một hàm vô danh (đoạn mã với…

function() {

};

…sẽ tự động gọi hàm cần thực thi với những thông số cần thiết), bạn đã hoàn tất việc gọi hàm hồi quy.
Cách dùng này đúng vì bạn truyền hàm vô danh như thông số thứ hai cho hàm $.get() mà không phải thực thi hàm đó trước khi truyền.
Đọc thêm

Những người đã và đang dùng jQuery cùng nhau soạn thảo một số tài liệu hướng dẫn hữu ích để hướng dẫn những người mới dùng jQuery lần đầu tiên như bạn hiểu và học cách ứng dụng thư viện này. Nếu chúng tôi không giải thích rõ ràng những tính năng và chức năng của thư viện jQuery… xin bạn vui lòng thông báo cho chúng tôi biết.
Đến đây, bạn có thể bắt đầu tham khảo tất cả Tài liệu dễ hiểu và bao quát về jQuery. Nếu bạn có câu hỏi hay thắc mắc, xin vui lòng gửi tin mail đến chuyên mục thư từ.

Tổng hợp từ Internet

button Căn bản về jQuery
Filed Under: Ajax, Biểu thức chính quy, JQuery, Web2.0 Tagged With: ,

CSS padding

November 28, 2008 By Leave a Comment

CSS padding sẽ định nghĩa khoảng trống giữa mép của các phần tử tới các phần tử con hoặc nội dung bên trong. Chúng ta không thể gán giá trị âm cho thuộc tính này. Cũng giống như margin thuộc tính padding cũng tương ứng với 4 phía của phần tử.

Tương ứng với 4 phía của phần tử chúng ta có 4 thuộc tính padding tương ứng đó là:

  1. padding-top:
  2. padding-right:
  3. padding-bottom:
  4. padding-left:

Các giá trị có thể gán cho các thuộc tính này là : % hoặc length

Để viết cho gọn chúng ta cũng có thể viết thuộc tính padding dưới dạng shorthand.

div.padding {
padding: 5px 3px 2px 8px;
}

button CSS padding
Filed Under: CSS, Web2.0 Tagged With:

Bỏ phiếu cho Drupal

June 9, 2008 By Leave a Comment

Hãy bỏ phiếu cho Drupal đó là tiêu đề tin bài mới nhất trên trang web chính thưc của cộng đồng Drupal.

SourceForge.Net là một website có độ tin cậy lớn trong cộng đồng Mã nguồn mở và điều đó có nghĩa là có rất nhiều cộng đồng giống như cộng đồng Drupal. Mỗi năm SourceForge mở 1 cuộc bình chọn về 1 sản phẩm được yêu thích nhất. Đây là thông báo của sourceforge tại địa chỉ sau http://sourceforge.net/community/cca08-about. Nếu các bạn yêu thích Drupal vậy tại sao không vào đề cử Drupal trở thành ứng dụng của năm. (Năm ngoái 7Zip trở thành ứng dụng phổ biến của năm)
[Read more...]

button Bỏ phiếu cho Drupal
Filed Under: Tin tức tổng hợp, Web2.0 Tagged With: