Nguyen Duy Nhan http://nhanweb.com Khoảng khắc trong đời .... Mon, 06 Sep 2010 10:08:04 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 PHP & JQuery Photo Upload and Crop http://nhanweb.com/2010/09/php-jquery-photo-upload-and-crop/ http://nhanweb.com/2010/09/php-jquery-photo-upload-and-crop/#comments Mon, 06 Sep 2010 10:08:04 +0000 Nguyễn Duy Nhân http://nhanweb.com/?p=1299 Chiêu thức này khá hay nhưng hiện nay chưa phổ biến (mình thấy ít website có tính năng này, phần lớn là các site mạng xã hội cho phép upload và chỉnh sửa avatar mà thôi). Nói nôm na nó là thế này: upload ảnh lên và cắt ảnh theo yêu cầu của mình. Chấm hết !!!!

Nói thế thôi, nhưng nếu website chúng ta có tính năng này thì nhìn sẽ hết sức pro ah nha. Đầu tiên, chúng ta hãy xem một ví dụ này: PHP & JQuery Photo Upload and Crop demo. Do hosting của mình không đảm bảo được việc để các bạn upload hình ảnh thoải mái nên tạm thời mình khóa tính năng upload và chỉ giữ lại tính năng crop ảnh để mọi người xem. Phần upload chắc không phải là vấn đề gì khó khăn đối với anh em lập trình web. :) .

Mình sẽ giành ít phút để anh em xem ví dụ đã….. mình sẽ đợi, cứ test thoải mái nhé…

PHP & JQuery Photo Upload and Crop

PHP & JQuery Photo Upload and Crop

Được rồi !

Sau khi mọi người xem xong ví dụ, câu hỏi đặt ra sẽ là chúng ta sẽ làm nó như thế nào đây !!!!

Chúng ta cần những gì.

  • Jquery – dĩ nhiên rồi
  • imgAreaSelect – đây là một plugin của Jquery
  • Một tí PHP để nấu lẩu thập cẩm

OK ! Chúng ta chỉ cần có thế thôi. Giờ là công đoạn bắt tay thực hiện tut này:

PHP & JQuery Photo Upload and Crop

1. Trước tiên,chúng ta cần tạo một form PHP cho phép bạn upload hình ảnh lên

1
2
3
4
5

<form action="upload.php" enctype="multipart/form-data" method="post">
Photo
<input name="image" size="30" type="file">
<input name="upload" value="Upload" type="submit">
</form>

2. Bước tiếp theo bạn cần là một đoạn code PHP cho phép bạn upload hình ảnh lên và resize lại nó. Đoạn code này mỗi người mỗi kiểu nên mình không mô tả rõ nữa nha. Làm thế nào tùy bạn :D 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44

if (isset($_POST["upload"])) {
	//Get the file information
	$userfile_name = $_FILES["image"]["name"];
	$userfile_tmp = $_FILES["image"]["tmp_name"];
	$userfile_size = $_FILES["image"]["size"];
	$filename = basename($_FILES["image"]["name"]);
	$file_ext = substr($filename, strrpos($filename, ".") + 1);
 
	//Only process if the file is a JPG and below the allowed limit
	if((!empty($_FILES["image"])) && ($_FILES["image"]["error"] == 0)) {
		if (($file_ext!="jpg") && ($userfile_size > $max_file)) {
			$error= "ONLY jpeg images under 1MB are accepted for upload";
		}
	}else{
		$error= "Select a jpeg image for upload";
	}
	//Everything is ok, so we can upload the image.
	if (strlen($error)==0){
 
		if (isset($_FILES["image"]["name"])){
 
			move_uploaded_file($userfile_tmp, $large_image_location);
			chmod ($large_image_location, 0777);
 
			$width = getWidth($large_image_location);
			$height = getHeight($large_image_location);
			//Scale the image if it is greater than the width set above
			if ($width > $max_width){
				$scale = $max_width/$width;
				$uploaded = resizeImage($large_image_location,$width,$height,$scale);
			}else{
				$scale = 1;
				$uploaded = resizeImage($large_image_location,$width,$height,$scale);
			}
			//Delete the thumbnail file so the user can create a new one
			if (file_exists($thumb_image_location)) {
				unlink($thumb_image_location);
			}
		}
		//Refresh the page to show the new uploaded image
		header("location:".$_SERVER["PHP_SELF"]);
		exit();
	}
}

Trong đoạn code trên có 1 số điểm đáng chú ý như sau:

  • Hàm getWidth(), getHeight() cho phép mình lấy chiều rộng và chiều cao của hình ảnh hiện tại sau khi upload
  • $scale cho mình biết tỉ lệ thu nhỏ thích hợp nếu hình khi upload vượt quá tiêu chuẩn hình ảnh do mình đề ra. Việc này giúp hạn chế tình trạng người khác up hình ảnh quá lớn lên website (hình quá lớn thì nó sẽ resize lại).

    • 3. Sau khi hình ảnh được upload lên website, chúng ta tiến hành bước tiếp theo đó là crop hình ảnh. Chúng ta sử dụng plugin imgAreaSelect để chọn không gian ảnh cần thiết cho việc crop hình.

    Việc đầu tiên là đưa register plugin này cho hình ảnh:

    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42

    <script type="text/javascript" src="js/jquery-pack.js"></script>
<script type="text/javascript" src="js/jquery.imgareaselect.min.js"></script>
<script type="text/javascript">
function preview(img, selection) { 
	var scaleX = 100 / selection.width; 
	var scaleY = 100 / selection.height; 
 
	$('#thumbnail + div > img').css({ 
		width: Math.round(scaleX * 500) + 'px', 
		height: Math.round(scaleY * 500) + 'px',
		marginLeft: '-' + Math.round(scaleX * selection.x1) + 'px', 
		marginTop: '-' + Math.round(scaleY * selection.y1) + 'px' 
	});
	$('#x1').val(selection.x1);
	$('#y1').val(selection.y1);
	$('#x2').val(selection.x2);
	$('#y2').val(selection.y2);
	$('#w').val(selection.width);
	$('#h').val(selection.height);
} 
 
$(document).ready(function () { 
	$('#save_thumb').click(function() {
		var x1 = $('#x1').val();
		var y1 = $('#y1').val();
		var x2 = $('#x2').val();
		var y2 = $('#y2').val();
		var w = $('#w').val();
		var h = $('#h').val();
		if(x1=="" || y1=="" || x2=="" || y2=="" || w=="" || h==""){
			alert("You must make a selection first");
			return false;
		}else{
			return true;
		}
	});
}); 
 
$(window).load(function () { 
	$('#thumbnail').imgAreaSelect({ aspectRatio: '1:1', onSelectChange: preview }); 
});
</script>

    Form cho phép lựa chọn khu vực crop:

    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

    <h2>Create Thumbnail</h2>
		<div align="center">
			<img src="image_demo.jpg" style="float: left; margin-right: 10px;" id="thumbnail" alt="Create Thumbnail" />
			<div style="border:1px #e5e5e5 solid; float:left; position:relative; overflow:hidden; width:100px; height:100px;">
				<img src="image_demo.jpg" width="100" height="100" style="position: relative;" alt="Thumbnail Preview" />
			</div>
			<br style="clear:both;"/>
			<form name="thumbnail" action="" method="post">
				<input type="hidden" name="x1" value="" id="x1" />
				<input type="hidden" name="y1" value="" id="y1" />
				<input type="hidden" name="x2" value="" id="x2" />
				<input type="hidden" name="y2" value="" id="y2" />
				<input type="hidden" name="w" value="" id="w" />
				<input type="hidden" name="h" value="" id="h" />
				<input type="submit" name="upload_thumbnail" value="Save Thumbnail" id="save_thumb" />
			</form>
		</div>

    Lấy giá trị trả về server và tiến hành crop ảnh theo yêu cầu:

    1
2
3
4
5
6
7
8
9
10
11

    if (isset($_POST["upload_thumbnail"]) && strlen($large_photo_exists)>0) {
	//Get the new coordinates to crop the image.
	$x1 = $_POST["x1"];
	$y1 = $_POST["y1"];
	$x2 = $_POST["x2"];
	$y2 = $_POST["y2"];
	$w = $_POST["w"];
	$h = $_POST["h"];
	//Scale the image to the thumb_width set above
	$scale = $thumb_width/$w;
	$cropped = resizeThumbnailImage($thumb_image_location, $large_image_location,$w,$h,$x1,$y1,$scale);

    Ảnh hiện lên trên demo là do mình sử dụng một plugin khác để hiển thị lên thôi, không quan trọng chỗ đó :D

    Giờ là code full để các bạn test.

    Download Source Code: PHP & JQuery Photo Upload and Crop

    Bạn click vào liên kết bên dưới để tải:

    Download Source Code: PHP & JQuery Photo Upload and Crop

    Chúc mọi người vui vẻ và thành công.

    ]]> http://nhanweb.com/2010/09/php-jquery-photo-upload-and-crop/feed/ 2 Thông báo thảo luận tháng 08/2010 http://nhanweb.com/2010/08/thong-bao-thao-luan-thang-8-2010/ http://nhanweb.com/2010/08/thong-bao-thao-luan-thang-8-2010/#comments Thu, 19 Aug 2010 02:39:54 +0000 Nguyễn Duy Nhân http://nhanweb.com/?p=1292 Thân chào các webmaster, blogger và các bạn trẻ yêu thích lĩnh vực website.Lâu lắm rồi Nhân mới lại khởi động các buổi offline bên câu lạc bộ Webmaster Việt Nam. Nhân sự kiện này mình viết thêm 1 bài giới thiệu buổi offfline thảo luận để bạn nào có nhã ý muốn tham gia thì cũng nắm được thông tin mà đăng ký nữa chứ lị.
    Thời gian tổ chức: 8 giờ sáng ngày 29/08/2010.
    Địa điểm: café Thủy Mộc (824/2 Sư Vạn Hạnh, phường 12, quận 10 – HCM).

    Trong buổi thảo luận, bạn sẽ được tìm hiểu các kiến thức căn bản về Google Adword, cách tối ưu hóa Google Adword sao cho có lợi cũng như tìm hiểu những kiến thức SEO, được giải đáp và thảo luận cùng các chuyên gia SEO được cộng đồng SEO Việt Nam biết đến.

    Nội dung cụ thể chương trình.

    1. Tối ưu hóa và sử dụng Google Adword.
    2. Chia sẻ, giải đáp và thảo luận các vấn đề liên quan đến SEO.
    3. Lựa chọn của bạn…

    Khách mời tham dự:

    Bao gồm các cá nhân và tổ chức đã từng thành công với các dự án Google Adword, Search Engine Optimize:

    • Nguyễn Hải Long – Search Engine Marketing Specialist
    • Mr. Trần Nam Anh Thương – giải pháp SEO cho 24hseo.com
    • Mr. La Quốc Khánh – giải pháp SEO giaiphaplienket.com
    • Mr. Nguyễn Mạnh Thường – giảng viên khóa học SEO giành cho webmaster.
    • Cùng rất nhiều bạn trẻ là thành viên của câu lạc bộ và các webmaster khác.


    Quà tặng giành cho thành viên tham dự:

    • 10 áo lưu niệm câu lạc bộ Webmaster.
    • Thẻ VIP giảm giá 15% đối với khách hàng thường xuyên của Thủy Mộc.
    • Thẻ giảm giá 20% (sử dụng 1 lần) đối với khách hàng quay lại Thủy Mộc trong lần tiếp theo.
    • Ngoài ra còn nhiều phần quà hấp dẫn khác.

    Nhằm giúp Ban Tổ Chức dễ dàng sắp xếp chỗ ngồi, mời các bạn đăng ký tham dự bằng cách sau:

    1. Email về địa chỉ : contact@vnwebmaster.com
    2. Đăng ký bằng cách trả lời bài viết này.
    3. Đăng ký thông qua điện thoại liên lạc: 0972 046 064

    Mọi chi tiết, đường dây hỗ trợ nóng: 0972 046 064 – Mr. Nguyễn Duy Nhân.

    Lưu ý: mọi người tự thanh toán chi phí nước uống và thức ăn của mình.

    Phụ mục: Hướng dẫn đường đi.

    Phụ mục đường đi

    ]]>     http://nhanweb.com/2010/08/thong-bao-thao-luan-thang-8-2010/feed/ 8     “Đùa” với wordpress theme http://nhanweb.com/2010/08/ua-voi-wordpress-theme/ http://nhanweb.com/2010/08/ua-voi-wordpress-theme/#comments Fri, 06 Aug 2010 04:51:38 +0000 Nguyễn Duy Nhân http://nhanweb.com/?p=1278 Lâu lắm rồi mình mới bắt tay vào viết một bài viết nghịch ngợm WordPress để chia sẻ với các bạn đọc. Hôm nay, chúng ta cùng nghịch với giao diện của WordPress để tùy biến theo ý mình nhé.

    Dynamic Highlight Menu

    Trên menu của bạn, bạn cần làm nổi bật một chuyên mục nào đó thì đây là cách thực hiện:

    1
2
3
4
5

    <ul id="nav">
  <li<?php if ( is_home() || is_category() || is_archive() || is_search() || is_single() || is_date() ) { echo ' class="current"'; } ?>><a href="#">Gallery</a></li>
  <li<?php if ( is_page('about') ) { echo ' class="current"'; } ?>><a href="#">About's NhanWeb</a></li>
  <li<?php if ( is_page('submit') ) { echo ' class="current"'; } ?>><a href="#">Submit</a></li>
</ul>

    Dynamic Title

    Wow ! Trò này vui cho các SEO lắm đây :D 

    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

    <title>
<?php
if (is_home()) {
	echo bloginfo('name');
} elseif (is_404()) {
	echo '404 Not Found';
} elseif (is_category()) {
	echo 'Thư mục:'; wp_title('');
} elseif (is_search()) {
	echo 'Kết quả tìm kiếm';
} elseif ( is_day() || is_month() || is_year() ) {
	echo 'Bài lưu trữ:'; wp_title('');
} else {
	echo wp_title('');
}
?>
</title>

    Ok ! Tùy biến thoải mái theo yêu cầu của mình nhé mọi người :)

    Dynamic Content

    Mặc định giao diện của WordPress được load theo file Index, nên nếu bạn cần một file nào đó hoạt động trong trang chủ (home) thôi thì đây là cách:

    1

    <?php if ( is_home() ) { include ('file.php'); } ?>

    Thay file.php bằng file của bạn. Có thể chèn thêm các đối số đường dẫn để tìm đúng file.

    Highlight bài nổi bật theo category

    Tính năng Feature post có lẽ không lạ nữa nên không nói nữa hen :)

    Bây giờ mục tiêu của chúng ta là giả sử nếu trong danh sách bài nổi bật có bài của một chuyên mục(category) nào đó và chúng ta muốn rằng những bài viết ở mục feature thuộc category này cần được làm nổi bật hơn:

    1

    <?php if ( in_category('My_highlight_category') ) { echo ('class="feature"'); } ?>

    Thay My_highlight_category thành số ID của category mà bạn cần làm nổi bật. ngoài ra cũng định dạng CSS cho class feature nữa là xong :)

    Tùy biến giao diện trang single theo category

    Ở trên chúng ta đã nhắc đến hàm in_category() để tùy biến highlight, giờ chúng ta cũng có thể sử dụng nó để tùy biến lại trang single.php theo ý mình:

    1
2
3
4
5
6
7
8
9
10
11
12
13
14

    <?php
  $post = $wp_query- >post;
 
  if ( in_category('1') ) {
  include(TEMPLATEPATH . '/single1.php');
 
  } elseif ( in_category('2') ) {
  include(TEMPLATEPATH . '/single2.php');
 
  } else {
  include(TEMPLATEPATH . '/single_other.php');
 
  }
? >

    Thay từng trang single.php thành từng giao diện bạn thích. Giao diện trang single_other.php sẽ là giao diện mặc định cho các category khác khi bài viết được tải lên.

    Tùy biến giao diện trang category theo category

    Cách làm tương tự như trên. Không hướng dẫn nữa, mắc công gõ mỏi tay :D

    Thêm Google Adword sau bài viết đầu tiên

    Danh sách bài viết rất dài, làm thế nào để xác định được vị trí đầu tiên để đưa Google Adword của mình vào ?

    Rất đơn giản, bạn chỉ việc bổ sung 1 biến đồng thời cộng dần biến này lên và so sánh để tìm ra vị trí đầu tiên. Cái này chắc dân lập trình web chỉ cần show code là hiểu liền:

    1
2
3
4
5
6
7
8
9
10
11
12
13

    <?php if (have_posts()) : ?>
 
<?php while (have_posts()) : the_post(); $loopcounter++; ?>
 
  // the loop stuffs
 
  <?php if ($loopcounter <= 1) { include (TEMPLATEPATH . '/ad.php'); } ?>
 
<?php endwhile; ?>
 
<?php else : ?>
 
<?php endif; ?>

    ad.php là file mình chứa đoạn mã Google Adword.

    Hiện các bài viết cuối cùng

    Rất đơn giản, sử dụng hàm query_post chúng ta có thể làm được rất nhiều thứ:

    1
2
3
4
5

    <ul>
  <?php while (have_posts()) : the_post(); ?>
  <li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>
  <?php endwhile;?>
</ul>

    Này thì 5 bài viết nhé :D

    Hiện Feature Posts

    Giả sử feature post của chúng ta lấy từ category = 2:

    Chúng ta sẽ có đoạn mã này trong sidebar.php:

    1
2
3
4
5
6

    <?php query_posts('cat=2&showposts=5'); ?>
<ul>
  <?php while (have_posts()) : the_post(); ?>
  <li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>
  <?php endwhile;?>
</ul>

    Nghịch Custom Fields

    Custom Fields là tính năng rất mạnh của WordPress nhưng chúng ta ít tận dụng vì chưa hiểu rõ về nó. Giờ chúng ta sẽ nghịch nó bằng cách hiển thị một Custom Fields như sau:

    custom-fields

    Giờ là hiển thị nó ngoài giao diện:

    1
2
3
4

    <?php //get article_image 
$image = get_post_meta($post->ID, 'article_image', true); ?>
 
<a href="<?php the_permalink() ?>"><img src="<?php echo $image; ?>" alt="<?php the_title(); ?>" /></a>

    Tương tự nếu muốn nghịch một Custom Field khác :)

    Page Template

    Nếu sử dụng một template chuẩn, có thể bạn sẽ không tùy biến được các giao diện hiển thị. Cách tốt nhất là chúng ta nên học cách tùy biến giao diện theo ý mình để còn thiết kế template nữa chứ :)

    Đây là cấu trúc của một template (portfolio.php) tùy biến theo cách của riêng bạn:

    1
2
3
4
5
6
7
8
9

    <?php
/*
Template Name: Portfolio
*/
?>
 
<?php get_header(); ?>
  //the loop here
<?php get_footer(); ?>

    Khi viết hoặc sửa một trang, bạn sẽ tìm thấy template mình vừa tạo:

    Chọn nó và sử dụng thôi (dĩ nhiên là bạn phải thiết kế một giao diện cho nó nữa chứ) :)

    ]]>     http://nhanweb.com/2010/08/ua-voi-wordpress-theme/feed/ 9     Top 10 Web safe fonts http://nhanweb.com/2010/08/top-10-web-safe-fonts/ http://nhanweb.com/2010/08/top-10-web-safe-fonts/#comments Mon, 02 Aug 2010 20:23:26 +0000 Nguyễn Duy Nhân http://nhanweb.com/?p=1263 Khái niệm Web safe font có thể hiểu là bộ mã font cho web có thể tương thích và hiển thị tốt ở tất cả các trình duyệt và làm việc tốt với PC cho dù nó cài đặt hệ điều hành nào, ứng dụng nào. Bây giờ, nếu bạn là một nhà phát triển website, mối quan tâm của bạn có thể là việc người dùng của bạn có thể đọc được nội dung bạn cung cấp cho dù đang duyệt web bằng hệ điều hành nào(Window, Mac hay Linux), trình duyệt nào đi chăng nữa.

    Chúng ta bàn đến vấn đề này bởi nhiều nhà thiết kế web còn non kinh nghiệm cũng như chưa có một sự va chạm nhất định trong thực tiễn thường có thói quen cho phép cảm xúc thăng hoa bất chợt ở tất cả mọi nơi. Điều này dẫn đến nếu website được xem ở máy tính nhà thiết kế thì rất ư là đẹp, nhưng đến máy tính của người dùng thì….

    Lấy một ví dụ đơn giản, bạn sẽ thấy font Comic Sans làm việc tốt với rất nhiều trình duyệt. Nhưng tiếc một điều là thuộc tính Bold của nó lại không thể làm việc với trình duyệt Safari. Là một nhà phát triển website, bạn nên tìm hiểu và tránh những sự khác biệt kiểu này càng ít càng tốt. Và nếu bạn là một nhà thiết kế website hoặc một blogger, mình khuyên bạn chỉ nên sử dụng những font này.

    Dưới đây, xin giới thiệu với bạn 10 bộ mã font thường được sử dụng trên web nhiều nhất:

    1. Georgia

    georgia

    CSS:

    1

    Font-Family: “Georgia”, serif

    Được design năm 1993 bở Matthew Carter cho hệ điều hành Windows. Xem thêm Wiki.

    2. Arial

    arial

    CSS:

    1

    Font-Family:  “Arial”, Helvetica, sans-serif

    Đây là bộ font được sử dụng nhiều, được thiết kế năm 1982 bởi Robin Nicholas.

    3. Courier New

    courier

    CSS:

    1

    Font-Family: “Courier New”, Courier, monospace

    Bộ font này được thiết kế bởi Howard “Bud” Kettler năm 1955.

    4. Trebuchet MS

    trebuchet

    CSS:

    1

    Font-Family: “Trebuchet MS”, Helvetica, sans-serif

    Tác giả của bộ font này là Vincent Connare cho Microsoft năm 1996.

    5. Lucida Console

    lucidaconsole

    CSS:

    1

    Font-Family: “Lucida Console”, Monaco, monospace

    Được thiết kế bởi Charles Bigelow và Kris Holmes năm 1985.

    6. Verdana

    verdana

    CSS:

    1

    Font-Family: “Verdana”, Geneva, sans-serif

    Được Matthew Carter thiết kế cho Microsoft.

    7. Times New Roman

    timesnewroman

    CSS:

    1

    Font-Family: “Times New Roman”, Times, serif

    ĐƯợc thiết kế bởi Stanley Morison trong năm 1931 và hiện nay là bộ font mặc định của nhiều ứng dụng nổi tiếng của Microsoft.

    8. Lucida Sans Unicode

    lucidaunicode

    CSS:

    1

    Font-Family: “Lucida Sans Unicode”, Lucida Grande, sans-serif

    Bộ font này được phát triển bởi Charles Bigelow và Kris Holmes năm 1993.

    9. Tahoma

    tahoma

    CSS:

    1

    Font-Family: “Tahoma”, Geneva, sans-serif

    Được thiết kế bởi Matthew Carter cho Microsoft Corporation năm 1994. Font Tahoma là một trong những font yêu thích nhất của NhanWeb’s Blog.

    10. Impact

    impact

    CSS:

    1

    Font-Family: “Impact”, Charcoal, sans-serif

    Thiết kế bởi Geoffrey Lee năm 1965.

    Nếu bạn thiếu một font nào đó, hãy download nó ở đây

    ]]>     http://nhanweb.com/2010/08/top-10-web-safe-fonts/feed/ 4     Mời hợp tác kiếm tiền (designer và coder) http://nhanweb.com/2010/07/moi-hop-tac-kiem-tien-designer-va-coder/ http://nhanweb.com/2010/07/moi-hop-tac-kiem-tien-designer-va-coder/#comments Mon, 26 Jul 2010 10:25:58 +0000 Nguyễn Duy Nhân http://nhanweb.com/?p=1256 Do mục đích … kiếm tiền nên mình mời các anh em có cùng đam mê… kiếm tiền và có kinh nghiệm làm việc ở lĩnh vực thiết kế website và lập trình cùng chung tay. Bạn nào có khả năng và có thời gian xin reply mình nhé. Nhưng trước tiên mời các bạn đọc hết bài này đã…

    Xin hãy suy nghĩ kĩ…

    Chuyên ngành của mình là thiết kế và lập trình website nên mình cũng loanh quanh kiếm cơm ở lĩnh vực này mà thôi chứ không dám lấn sân sang các lĩnh vực khác. Mình cũng xin nói trước là công việc này chỉ có thể giúp bạn cải thiện phần nào thu nhập mà thôi. Nếu bạn thấy có thể làm freelancer mà kiếm đủ tiền xài thì có thể tự nhiên nhưng nói trước là khoản này mình không dám chắc chắn với các bạn nhé. Nhìn chung mỗi tháng có thể kiếm thêm được vài ba triệu đồng uống cafe và trả tiền Internet hay không là phụ thuộc vào khả năng của bạn.

    Kiếm tiền để mua xe máy, uống cafe, hay ... bao gái là tùy bạn.

    Kiếm tiền để mua xe máy, uống cafe, hay ... bao gái là tùy bạn.

    Mình nói dài dòng như vậy vì muốn các bạn suy nghĩ chính chắn hơn cho tương lai của mình. Với bản thân mình thì đây là công việc kiếm thêm thu nhập lúc rãnh rỗi bằng chính sức lực và khả năng của mình. Chứ để xem như một công việc ổn định thì mình chưa dám…

    Vị trí mà mình cần

    • Designer: số lượng không hạn chế.
    • Coder: số lượng cũng … không hạn chế

    Tóm lại là cái gì cũng … không hạn chế.

    Công việc

    Đây là một dự án mình cùng một số anh em xây dựng để kiếm thêm thu nhập. Nói uỵch tẹc ra là thiết kế website cho các khách hàng. Công việc này có lẽ mình không cần mô tả kĩ nữa vì căn bản mình nghĩ nếu các bạn có khả năng thì có thể hiểu được những yêu cầu của công việc này.

    Hình thức hoạt động của group mình khá đơn giản: mỗi người chịu trách nhiệm một khâu trong qui trình thiết kế và ăn trọn phần tiền giành cho mình ở khâu đó. Về việc này mình sẽ trao đổi cụ thể hơn với các bạn qua Y!M nếu các bạn cảm thấy mình có thể làm được. Việc này do là outsource nên sẽ thoải mái về thời gian và không bắt buộc các bạn cố định một vị trí, bạn có thể làm ở bất kỳ đâu bạn muốn.

    Yêu cầu bắt buộc

    Tuy là việc làm tự nguyện nhưng xin bạn xem qua một số yêu cầu bắt buộc nếu bạn là member:

    1. Làm việc nghiêm túc và không bỏ dự án nửa chừng. Nếu bạn bỏ dự án nửa chừng xem như bạn không nhận được gì.
    2. Lời hứa là vấn đề tiên quyết. Bạn phải hoàn thành dự án đúng tiến độ đã đề ra.
    3. Tiền chỉ được send cho bạn khi dự án hoàn tất (ở tất cả các khâu).
    4. Chịu trách nhiệm với những gì mình làm dù ở bất kì thời điểm nào.
    5. Bạn có quyền tự đánh giá công sức lao động của mình và đưa ra giá trị tương xứng tính bằng tiền với công sức bạn đánh đổi

    Những yêu cầu này nhằm duy trì một group có uy tín trong mắt khách hàng.

    Bạn nào có khả năng và yêu thích công việc vui lòng reply bài viết này kèm theo Y!M để mình trao đổi cụ thể hơn.

    Website của group mình: http://n2dgroup.com

    ]]>     http://nhanweb.com/2010/07/moi-hop-tac-kiem-tien-designer-va-coder/feed/ 26     Vừa bán hàng, vừa dọa khách http://nhanweb.com/2010/07/vua-ban-hang-vua-doa-khach/ http://nhanweb.com/2010/07/vua-ban-hang-vua-doa-khach/#comments Thu, 22 Jul 2010 02:48:36 +0000 Nguyễn Duy Nhân http://nhanweb.com/?p=1249 Bài này lượm trên VNExpress, thấy hay nên đăng lại :D

    “Không mua thì xéo, hàng bà toàn đồ tươi ngon, mới sáng ra đã gặp con dở người. Thật tức chết đi được“, bà chủ hàng thịt chợ Phùng Khoang, Hà Nội vừa mắng và cầm dao chém vía người phụ nữ đi chiếc xe đạp cũ.

    Những người buôn bán ở khu chợ này đều biết tính người đàn bà ngoại ngũ tuần bán hàng thịt. Bà chủ hàng nổi tiếng chanh chua từng ném cả bộ lòng gà vào mặt người mua hàng khi cô này kì kèo muốn bà bán rẻ cho 5.000 đồng.

    Thuận mua vừa bán, nhưng nhiều chủ hàng không thích khách mặc cả vào đầu giờ sáng

    Thuận mua vừa bán, nhưng nhiều chủ hàng không thích khách mặc cả vào đầu giờ sáng

    Chị Hồng ở Thanh Xuân – người đã hơn một lần chứng kiến cảnh bà chủ hàng thịt mắng sa sả khách hàng, nhận xét: “Thật kinh khủng, tôi không đủ can đảm vào đây mua hàng”. Mỗi lần đi chợ, chị đều cố gắng đi đường vòng để tránh giáp mặt bà bán hàng thịt.

    “Tránh voi chẳng xấu mặt nào. Tính tôi hay mặc cả, nhỡ đâu vô ý buột miệng, bà ta mắng cho thì dại mặt”, chị Hồng nói. Chị cho biết hầu hết những người bị bà hàng thịt chợ Phùng Khoang mắng đều ở trạng thái “đứng như trời trồng” vì không biết phản ứng như thế nào. “Nói tục, chửi bậy đâu phải ai cũng quen và làm được. Còn nếu cãi tay đôi có khi còn bị đánh, nên ai gặp tình cảnh đó cũng chỉ biết cúi mặt và lủi thật nhanh”, chị nói thêm.

    Chị Quỳnh ở Đống Đa còn nhớ như in buổi tối thứ 7 cách đây 2 tháng. Chị và cô bạn gái đi ăn ở một nhà hàng trên đường Phan Đình Phùng. Đang dắt xe trên vỉa hè thì bị một xô nước dội từ tầng 3 xuống. “Hai đứa chúng tôi ướt như chuột lột. Từ đầu tóc đến quần áo chân tay đều bám đầy rác rưởi từ xô nước lau nhà”, chị Quỳnh kể.

    Bực mình chị xông vào quán quyết làm cho ra nhẽ ai là thủ phạm của xô nước lau nhà trên. Đáp lại sự bực dọc của chị, nhân viên nhà hàng chỉ toét miệng cười nói rằng chuyện đó là bình thường. Người này còn khẳng định quản lý nhà hàng đi vắng, do vậy, chị bức xúc cũng chẳng giải quyết được gì. “Từ đó tôi cạch mặt, không bao giờ tới quán ăn này nữa. Khổ nhất là cô bạn gái người Sài Gòn, lần đầu tiên ra Hà Nội được tôi dẫn đi ăn”, chị Quỳnh nói.

    Điều khiến chị Quỳnh bức xúc nhất là khi vào nhà hàng, nhân viên đon đả đến mức chị Quỳnh và người bạn gần như bị kéo cả xe lẫn người cho đến khi phải vào nhà hàng mới thôi. Khi tạm biệt, họ dội một xô nước từ trên cao vào người khách hàng mà không được một lời xin lỗi. “Đành rằng họ không cố ý nhưng nhà hàng cũng phải biết dạy nhân viên cách xin lỗi chứ. Kiểu bán hàng như vậy thật khiến người ta phát hoảng”, chị Quỳnh nói thêm.

    Tại cửa hàng quần áo trên đường Kim Liên mới, Hà Nội chiều 18/7, hai phụ nữ loay hoay chọn đồ rồi ướm thử. Chẳng bận tâm đến khách, hai ngân viên nằm vắt chân lên ghế nghe nhạc rồi cười ngặt nghẽo. Tiếng nhạc to đến mức, hai chị khách phải nói thật to nhân viên mới nghe tiếng. Khi khách hỏi giá chiếc váy màu hồng, cô nhân viên buông thõng một câu: “Giá ghi trên cổ áo ấy, chị không nhìn thấy à, thật phiền quá”. Chị khách bực mình ném trả chiếc váy rồi quay ra cửa toan bước đi.

    Thay vì xin lỗi khách, cô nhân viên khác dấm dẳng: “Cả sáng vắng khách, giờ lại gặp con mẹ dở hơi”. Chị khách cũng không vừa quay lại giang thẳng cánh tay tát vào mặt cô nhân viên cảnh cáo. Kết quả là, thương vụ mua bán thất bại. Cả người bán lẫn người mua đều cảm thấy mệt mỏi vì phải đôi co những chuyện không đáng có.

    Anh Dương làm tại văn phòng luật sư tại TP HCM than thở chuyện đi ăn phở ở Hà Nội. Sau khi ngồi chờ 15 phút chưa thấy phở bưng ra, anh thắc mắc thì được nhân viên trả lời cụt lủn: “Chờ tẹo, quán đông khách”. 10 phút sau, nhân viên mới bê tô phở ra. Chẳng nói chẳng rằng, cô nhân viên đặt uỵch bát phở xuống bàn rồi quay đi. “Không chanh, không ớt, không dấm, tôi gọi với nhân viên hỏi chỉ nhận được một câu vọng ra từ trong bếp ‘đợi chút’”, anh Dương nói.

    Lần này, anh tự đứng lên đi lấy đồ ăn vì không thể chờ thêm 10 phút nữa mới có đủ gia vị. Rồi, đến khâu thanh toán tiền, anh Dương lại chuốc thêm bực mình nữa. Bát phở của anh giá 25.000 đồng, không có tiền lẻ, anh rút ra tờ 500.000 đồng. Vừa trả tiền thừa, chủ quán vừa lẩm bẩm: “Lần sau nói trước, không có tiền lẻ thì đừng tới đây ăn”. Anh Dương ngớ người, tức nghẹn lên cổ nhưng không biết phản ứng thế nào.

    “Ăn được một bát phở bổ béo đâu chưa thấy mà chỉ biết mua được cả đống cái bực mình. Đúng là không phải lúc nào khách hàng cũng là thượng đế”, anh nhận xét. Giống như tâm lý của đông đảo người tiêu dùng khác, sau khi rời khỏi quán phở, anh Dương cũng tự thề với mình là sẽ không bao giờ quay lại đây nữa.

    Nhiều của cửa hàng, đại lý cho biết họ luôn yêu cầu nhân viên bán hàng có thái độ thân thiện cởi mở với người mua. Nhưng không phải lúc nào, phương châm “Khách hàng là thượng đế” cũng được nhân viên thực hiện một cách đầy đủ.

    Ở góc độ khác, anh Quang, chủ một quán phở đường Thái Thịnh, Hà Nội cho rằng không phải khách hàng nào đi mua hàng cũng lịch sự và tôn trọng người bán. Một số khách vào quán tỏ thái độ hách dịch như chê quán bẩn, chỗ ngồi nhếch nhác, đồ ăn không ngon. Cách nói của khách không mang tính chất góp ý khiến nhà hàng tốt lên mà thể hiện sự thiếu tôn trọng, miệt thị và khiến người bán nổi cáu. Chưa hết, có khách yêu cầu nhân viên mang cái này, bê cái kia, thậm chí là quăng cả đũa xuống nền nhà khi đồ ăn không vừa ý.

    “Tất nhiên, người bán phải có trách nhiệm phục vụ người mua. Nhưng đôi khi người mua cũng quá lạm dụng quyền thượng đế nên hai bên rất khó tìm được tiếng nói chung”, anh Quang nói.

    Giám đốc một hãng viễn thông ở Hà Nội cho rằng trong một nghìn nhân viên làm việc tại công ty được đào tạo trong một môi trường như nhau không phải ai cũng có thái độ và cách cư xử giống nhau. Trong khi người bán luôn bị đòi hỏi phải cư xử đúng mực thì không phải lúc nào người mua cũng có thái độ đúng mực. Có khách mỗi tháng chỉ sử dụng hết 50.000 tiền cước nhưng lại hạch sách đủ kiểu và suốt ngày kiện cáo chuyện sóng chỗ này yếu, chỗ kia 3G chưa đảm bảo chất lượng…

    “Nhưng nhìn chung chúng tôi quan niệm rằng, khách hàng bỏ tiền ra mua sản phẩm và họ phải được hưởng dịch vụ một cách tốt nhất”, vị giám đốc này nói.

    Phan Linh Anh – VNExpress.NET

    ]]>     http://nhanweb.com/2010/07/vua-ban-hang-vua-doa-khach/feed/ 4     Ra mắt WordPress Plugin RobotVN http://nhanweb.com/2010/07/ra-mat-wordpress-plugin-robotvn/ http://nhanweb.com/2010/07/ra-mat-wordpress-plugin-robotvn/#comments Fri, 16 Jul 2010 08:24:45 +0000 Nguyễn Duy Nhân http://nhanweb.com/?p=1247 Nhận được nhiều ý kiến đóng góp của các bạn, đặc biệt là các bạn đã nhận bản thử nghiệm là một trải nghiệm thú vị để mình hoàn thiện plugin cũng như tìm hiểu thêm về những nhu cầu của người dùng. Hôm nay mình chính thức gửi đến các bạn phiên bản RobotVN 1.0 đầu tiên.

    Về căn bản, plugin này chưa đáp ứng được hết nhu cầu của người dùng nhưng mình hứa sẽ hoàn thiện nó hơn trong thời gian tới. Mong các bạn thông cảm và tiếp tục đóng góp.

    Nhân đây mình cũng gửi lời cảm ơn đến các bạn đã giúp mình test plugin này.

    ]]>     http://nhanweb.com/2010/07/ra-mat-wordpress-plugin-robotvn/feed/ 11     Bạn làm gì khi FaceBook sụp đổ ? http://nhanweb.com/2010/07/ban-lam-gi-khi-facebook-sup-do/ http://nhanweb.com/2010/07/ban-lam-gi-khi-facebook-sup-do/#comments Fri, 16 Jul 2010 07:30:46 +0000 Nguyễn Duy Nhân http://nhanweb.com/?p=1244 Điều đặc biệt khiến mình quan tâm đến những kịch bản có thể xảy ra với FaceBook một phần là do hiện nay FaceBook ở Việt Nam truy cập không ổn định và có khả năng bị cấm truy cập vĩnh viễn. Vậy, phải chăng viễn cảnh FaceBook sụp đổ còn xa vời nhưng với người dùng Việt Nam thì nó không phải là không có khả năng xảy ra. Hãy tìm hiểu xem những người dùng sẽ làm gì khi FaceBook sụp đổ.

    Hiện với 500 triệu người dùng, FaceBook là mạng xã hội lớn nhất thế giới hiện nay. Tuy rằng FaceBook hoạt động rất ổn định nhưng các nhà nghiên cứu đã sớm … đi tìm những kịch bản có thể xảy ra khi hệ thống FaceBook không còn tồn tại. Điều này cũng dễ hiểu thôi bởi không có cái gì trường tồn mãi mãi với thời gian.

    Đây không phải là một câu hỏi đùa với nhau bởi nó là một chủ đề đã được tổ chức và thảo luận tại trường đại học Stanford được chủ trì bởi Andreas Weigend – một giám đốc bộ phận nghiên cứu của Amazon. Kịch bản đưa ra cho những người được hỏi là họ sẽ làm gì khi hệ thống FaceBook sụp đổ và mất toàn bộ dữ liệu. Câu trả lời của những người được hỏi sẽ cung cấp cho chúng ta cái nhìn sâu sắc về cái nhìn của người dùng đối với mạng xã hội cũng như đâu là giá trị thực tế mà người dùng quan tâm nhiều nhất khi tham gia vào mạng xã hội FaceBook.

    Sự kết thúc của thế giới FaceBook

    Sự kết thúc của thế giới FaceBook

    Theo nghiên cứu này, 40% những người được hỏi cho rằng việc đầu tiên họ làm là backup hình ảnh đã đăng tải lên Facebook, 38,7% cho rằng họ sẽ backup các contact của bạn bè mình. Thực tế này cho thấy, hình ảnh rất quan trọng trong một mạng xã hội, thậm chí nó còn được đề cao hơn cả các liên lạc – yếu tố liên kết trong mạng xã hội. “Hình ảnh là yếu tố quan trọng tạo nên sự phong phú cho mạng xã hội” – Chuanyang Chee, người giúp Andreas Weigend trong nghiên cứu này đã nói như vậy. Thật ra, nghiên cứu của Andreas Weigend cố gắng chỉ ra rằng mạng xã hội đã xây dựng một “bộ nhớ tập thể” như thế nào thông qua các tính năng của nó. Dễ dàng nhận thấy, bạn và nhiều người bạn của bạn có thể đã và đang đóng góp vào cuốn “tự truyện” của một ai đó những khoảng khắc đáng nhớ. Khi được hỏi, 38% người được hỏi trả lời rằng tính năng Photo là tính năng tốt nhất mà mạng xã hội nên có, trong khi đó 28% người dùng khác lại cho rằng tính năng NewFeed mới là sự quan tâm của họ.

    Tất nhiên, không phải ai cũng quan tâm đến tài khoản FaceBook của mình, vẫn có một bộ phận nhỏ người dùng cho rằng họ không quan tâm đến sự tồn tại tài khoản FaceBook của mình. Chee nói rằng họ không quan tâm chỉ đơn giản vì họ đã lựa chọn một phương thức lưu trữ các hình ảnh và contact khác chứ không phải FaceBook.

    Cũng có những người khác, khi được hỏi không tỏ ra quan tâm đến việc mất hay còn của FaceBook, ngay cả khi FaceBook biến mất cùng với dữ liệu của họ mà họ không có bất kì một sự backup nào khác ngoài FaceBook. Lời giải thích được những người này đưa ra là họ có tất cả các thông tin cá nhân của bạn bè và người thân của mình theo cách này hay cách khác mà không cần phải lưu trữ lại.

    Còn bạn, bạn có thực sự lo lắng khi FaceBook biến mất ????

    ]]>     http://nhanweb.com/2010/07/ban-lam-gi-khi-facebook-sup-do/feed/ 2     Thêm target blank và nofollow cho liên kết trong blog http://nhanweb.com/2010/07/them-target-blank-va-nofollow-cho-lien-ket-trong-blog/ http://nhanweb.com/2010/07/them-target-blank-va-nofollow-cho-lien-ket-trong-blog/#comments Tue, 13 Jul 2010 08:49:25 +0000 Nguyễn Duy Nhân http://nhanweb.com/?p=1224 Trước đây, cách thông thường để mở một liên kết trên một trình duyệt khác là thêm thuộc tính target=”_blank” vào liên kết. Tuy nhiên, cách này khá phiền hà khi bạn copy bài viết từ một nguồn khác bửi vì phải sửa lại tất cả các liên kết trong bài. Ngoài ra, bạn cũng tốn thời gian biên tập lại phần này khá nhiều. Một giải pháp đơn giản hơn là chúng ta thay đổi thuộc tính target mặc định của liên kết thông qua jQuery. Qua cách này, chúng ta có thể thay đổi thuộc tính rel=”nofollow” luôn.

    Trước tiên chúng ta cần cài đặt jQuery cho Blog hoặc website của bạn trước đã.

    1

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

    Đoạn code này bạn đặt vào thẻ của trang. Hoặc nếu bạn sử dụng một mã nguồn có sẵn jQuery thì khỏi cần. WordPress là một ví dụ. Tuy nhiên, không phải lúc nào jQuery cũng được include sẵn đâu nhé, bạn cần kiểm tra trước :D .

    Thay đổi thuộc tính target

    Chèn đoạn code sau vào thẻ nhá:

    1
2
3
4
5
6
7
8
9

    <script type="text/javascript">
 
$(function() {
    var domain = 'http://nhanweb.com';
 
     $('a:not([href^=' + domain + '])').attr('target', '_blank');
 
});
</script>

    Trường hợp này chúng ta thay đổi thuộc tính target của các liên kết ngoài trang của mình (nhanweb.com) thằng _blank. Nếu bạn muốn tất cả các liên kết bất kì (ngoài trang và cả trong trang) cùng mở ở một cửa sổ mới, chúng ta bỏ đi condition cho nó như sau:

    1
2
3
4
5
6
7
8
9

    <script type="text/javascript">
 
$(function() {
    var domain = 'http://nhanweb.com';
 
     $('a').attr('target', '_blank');
 
});
</script>

    Thay đổi thuộc tính rel=”nofollow”

    Thuộc tính này có lẽ nhiều bạn không SEO chắc không biết, nói chung là nó giúp các spider không chỉ mục các liên kết mà bạn set thuộc tính này về “nofollow”. Thường chúng ta thực hiện việc này với các liên kết ngoài trang nhằm ngăn chặn các spider sang các trang khác trong quá trình index trang mình.

    1
2
3
4
5
6
7
8
9

    <script type="text/javascript">
 
$(function() {
    var domain = 'http://nhanweb.com';
 
    // Them rel="nofollow" cho cac link den trang web khac (khong cung domain)
    $('a:not([href^=' + domain + '])').attr('rel', 'nofollow');
});
</script>

    Lưu ý: lệnh set thuộc tính rel này có thể không hoạt động được vì các em spider thường không đọc được javascript.

    Lượm nhặt từ Blog Hỗn Tạp

    ]]>     http://nhanweb.com/2010/07/them-target-blank-va-nofollow-cho-lien-ket-trong-blog/feed/ 2     Interview – giải pháp phát triển website chuyên ngành http://nhanweb.com/2010/07/interview-trong-chien-luoc-phat-trien-website/ http://nhanweb.com/2010/07/interview-trong-chien-luoc-phat-trien-website/#comments Wed, 07 Jul 2010 11:23:54 +0000 Nguyễn Duy Nhân http://nhanweb.com/?p=1220 Hôm nay mình xin chia sẻ với các bạn thêm một mẹo nữa trong việc phát triển website của mình và thu hút traffic: Phỏng vấn. Đặc biệt, giải pháp này rất thích hợp với các website chuyên ngành và website mới ra đời.

    Interview là một phương án tốt đối với các website mới ra đời

    Interview là một phương án tốt đối với các website mới ra đời

    Phương án thực hiện giải pháp

    Tận dụng các mối quan hệ của bạn trong cộng đồng, đặc biệt là những người có website có tiếng hoặc các nhân vật có tầm ảnh hưởng nhất định trong lĩnh vực mà website bạn hướng đến. Bạn hãy liên hệ và thực hiện một vài bài phỏng vấn liên quan đến những chủ đề trên website bạn và đăng các bài viết trên website của bạn.

    Đơn giản chỉ có vậy thôi nhưng về mặc lợi ích chúng ta sẽ dễ dàng nhận thấy như sau:

    • Website của bạn sẽ có một nội dung tốt mà không có bất kì website nào có được.
    • Những ý kiến của các chuyên gia sẽ khiến độ tin tưởng của website được nâng cao rõ rệt
    • Những người được bạn phỏng vấn cũng sẽ đăng bài viết này lại trên website của họ. Với uy tín của họ, bạn sẽ nhận được một lượng truy cập không nhỏ.
    • Các webmaster có uy tín sẽ không từ chối đặt một backlink ngược về bài phỏng vấn trên website bạn và bạn sẽ có một backlink chất lượng.
    • Các webmaster khác khi đọc bài viết từ website của người được phỏng vấn cũng sẽ trích đăng lại trên website của họ và giúp bạn quảng bá website của mình một cách tự nhiên và vô điều kiện

    Vậy thì với những mặc lợi này, tin chắc rằng sẽ có nhiều bạn thử bắt tay thực hiện những bài phỏng vấn ngay từ bây giờ.

    Chúc các bạn thành công :shakehand:

    ]]>     http://nhanweb.com/2010/07/interview-trong-chien-luoc-phat-trien-website/feed/ 2