Zack Notes
7 years old Facebook
Written by Zack Sunday, 06 February 2011 12:39
4 Feb, ေသာၾကာေန႕ဆိုရင္ University အဆင့္ သုံးဖို႔စတင္ ရာကေန ေအာင္ျမင္လာတဲ့ ကမ႓ာေပၚမွာ လူအမ်ားသုံးေနတဲ့ Facebook social network ၇ ႏွစ္သား အရြယ္ကိုေရာက္ပါေတာ့မယ္။ ခုလက္ရွိ အခ်ိန္မွာ အသုံးျပဳေနသူေပါင္းက 500 millions၊ Pageviews ေတြက Billion နဲ႔ ခ်ီျပီးရွိေနတဲ့ Facebook ျဖတ္သန္းခဲ့ပုံကို ျပန္ၾကည့္မယ္ ဆိုရင္ေတာ့
2004
.png)
Feb 4, 2004 - Harvard University မွာ TheFacebook.com အျဖစ္ စတင္ခဲ့ပါတယ္။
June 2004 - Palo Alto, California ကိုေျပာင္းေရႊ႕ ခဲ့ပါတယ္။
Dec 2004 - 1 millions users ရွိ ခဲ့ပါတယ္။
2005
.png)
Aug 2005 - TheFacebook ကေန Facebook.com ကိုေျပာင္းလိုက္ပါျပီ။
Sept 2005 - High school students ေတြပါ စသုံးလာ ၾကပါျပီ
Oct 2005 - photos application ကိုစတင္ ခဲ့ပါတယ္။
Dec 2005 - 5.5 million users ရွိ ခဲ့ပါတယ္။
2006
.png)
April 2006 - Facebook Mobile ကိုစတင္ ခဲ့ပါတယ္။
Aug 2006 - Facebook Platform ကိုဖြင့္ေပး လိုက္ပါျပီ။ Note application ကိုလည္း ထည့္သြင္း ခဲ့ပါတယ္။ Microsoft နဲ႔လည္း partner ျဖစ္သြား ခဲ့ပါတယ္။
Sept 2006 - Facebook News Feed, Privacy Setting ေတြကို မိတ္ဆက္ေပး ခဲ့ပါတယ္။
Dec 2006 - 12 million users ရွိ ခဲ့ပါတယ္။
2007
May 2007 - Facebook F8 Developer conference ကေန Facebook Platform ေပၚမွာ Facebook App ေရးႏိုင္မယ့္ Feature ကိုစတင္ျပီး launch လုပ္လိုက္ပါတယ္။
Aug 2007 - iPhone optimized site ကို လုပ္ခဲ့ပါတယ္။
Oct 2008 - Microsoft ရဲ႔ ၾကီးမားတဲ့ investment ေတြလုပ္ ခဲ့ပါတယ္။
November - Facebook Ads ကိုစတင္ လိုက္ျပီး Beacon နဲ႕ ပတ္သတ္လို႕ user ရဲ႕ complain ေတြ ရွိခဲ့ အခ်ိန္လဲပဲ ျဖစ္ပါတယ္။
2008
March 2008 - friend list မွာ privacy feature ကိုထည့္သြင္း ခဲ့ပါတယ္။
April 2008 - Facebook Chat feature ကိုထည့္သြင္း ခဲ့ပါတယ္။
July 2008 - Facebook connect ကိုစတင္ျပီး Facebook iPhone App က apple store ကို ႐ိုက္ခက္ ခဲ့ပါတယ္။
Sept 2008 - New Facebook UI ကိုေျပာင္း လဲခဲ့ပါတယ္။
Dec 2008 - 100 million users ရွိ ခဲ့ပါတယ္။
2009
Feb 2009 - Like Feature ကိုထည့္သြင္း ခဲ့ပါတယ္။
June 2009 - www.facebook.com/usernames ကို သုံးႏိုင္ ခဲ့ပါျပီ။
Aug 2009 - Friend Feed ပါလာ ခဲ့ပါတယ္။
Oct 2009 - Privacy Policy ကိုေျပာင္းလဲ မႈေတြ လုပ္ခဲ့ပါတယ္။
Dec 2009 - 350 million users ရွိ ခဲ့ပါတယ္။
2010
April 2010 - Open Graph API ကို launch လုပ္ခဲ့ပါတယ္။
May 2010 - Facebook privacy issue က ဇက္ရွိန္ ျမင့္လာ ပါတယ္။
July 2010 - 500 million users ရွိ ခဲ့ပါတယ္။
Aug 2010 - Facebook Place ကို ထည့္ေပး ခဲ့ပါတယ္။ Privacy Issue ကေတာ့ ဆက္လက္ ရွိေနဆဲပဲ ျဖစ္ပါတယ္။
Oct 2010 - The Social Network movie က ပရိတ္သက္ေတြဆီမွ high review ေတြရ ခဲ့ပါတယ္။
Dec 2010 - Mark Zuckerberg "Person of the year" ရခဲ့ ပါတယ္။
2011
Jan 2011 - က $50 billions တန္တယ္လို႕ ဆိုခဲ့
Ref: http://on.mash.to/f85q2i
ေရးေနရင္ ကြၽန္ေတာ္ သုံးသက္မိတာက ကိုယ္ product ကို perfect ျဖစ္မွ ထုတ္မယ္ ဆိုရင္ေတာ့ market ရဖို႔ အေတာ္ေလးကို ေနာက္က်သြားပါ လိမ့္မယ္။ FaceBook စတင္ လိုက္တဲ့ အခ်ိန္ နဲ႕ အခုအခ်ိန္ feature ေတြက အကြာၾကီးပဲ ျဖစ္ပါတယ္။ ဒါေၾကာင့္လဲ 2008 ေလာက္ထိက လူေတြ Friendster တို႔ MySpace တို႔ကေန ထြက္မလာ ႏိုင္ၾကေသးတာ ပဲလို႕ ထင္တယ္။ ခုေတာ့ တျခား social network ေတြက facebook လက္ထဲက users ေတြျပန္ရဖို႔ ဆိုတာ မျဖစ္ႏိုင္ေတာ့ ဘူးလို႕ ထင္တယ္။
iPhone ဆိုလဲ ဒီလိုပဲေလ 3G version မွာ လိုေနတာေတြ အမ်ားၾကီးပဲေလ ဒါပမယ့္ user လက္ထဲ touch experience ကို အရင္ ေရာက္ေအာင္ ထည့္ေပးလိုက္ေတာ့ Window Phone 7 က ဘယ္ေလာက္ ေကာင္းတယ္လို႕ ေအာ္ေအာ္ လူေတြ ရင္မခုန္ေတာ့ ဘူးဗ်။ တကယ္ေတာ့ ဒါေတြကို အရင္လုပ္ ခဲ့တာက ဆရာၾကီး Microsoft ပဲ။ Window 3.1 version ကို users ေတြလက္ထဲ ျပစ္ထဲလိုက္ျပီး market ဦးေအာင္ ယူလိုက္တာ ခုဆိုရင္ 90% က MS ကိုသုံးေန ၾကတုန္း ပါပဲ။ Window 7 ေလာက္ perfect ျဖစ္မွ ထုတ္မယ္ ဆိုရင္ေတာ့ market ရဖို႔ ေတာ္ေတာ္ကို ေနာက္က်သြားမွာ အမွန္ပဲ ျဖစ္ပါတယ္။ ဒါကေတာ့ ကြၽန္ေတာ္ ရလိုက္တဲ့ အသိတစ္ခုပဲ ျဖစ္ပါတယ္။ အေပၚက Post နဲ႔ မဆိုင္လို႕ ဖတ္ရတာ အဆင္မေျပရင္ Sorry ပါခင္ဗ်ာ။
Chrome 9 released
Written by Zack Saturday, 05 February 2011 22:24
Google ကေန chrome version ကို upgrade ကိုလုပ္လာတာ ခုဆိုရင္ version 9 ကိုေတာင္ေရာက္ လာျပီ ျဖစ္ပါတယ္။ တကယ္ေတာ့ chrome က version 9 မတိုင္ခင္ထည္းက Chrome Instant, WebGL, Chrome Web Store စတဲ့ function အေတာ္ေတာ္မ်ားမ်ားကို သုံးႏိုင္ေနျပီး ျဖစ္ပါတယ္။ Chrome Instant ကေတာ့ Google Instant လို႕ပဲ URL မွာ type ႐ိုက္ရင္ real time search result ေတြကို ျမင္ရမယ့္ feature တစ္ခုပဲ ျဖစ္ပါတယ္။
ကြၽန္ေတာ္ထင္တယ္ ျပီးခဲ့တဲ့ ၂ လေလာက္တုန္းက ထြက္လာတဲ့ Google Body experiment ကေတာ့ WebGL ရဲ႕ အလွအပ တစ္ခုပဲ ျဖစ္ပါတယ္။ စိတ္ဝင္စားလို႕ WebGL Experiments ေတြကိုၾကည့္ခ်င္တယ္ ဆိုရင္ေတာ့ ဒီမွာ သြားၾကည့္ႏိုင္ပါတယ္။ ဒါအျပင္ မၾကာေသးမီက Web App ေလာကကို တစ္ေခတ္ဆန္းမယ့္ Chrome App Store ကမွလည္း တကယ့္ကို အသုံးဝင္မယ့္ web based application ေပါင္းမ်ားစြာကို Paid (or) Free ေတြအေနနဲ႔ Google Chrome နဲ႔ Chrome OS ေတြအတြက္ ရႏိုင္ပါတယ္။
ဒါကေတာ့ Chrome Web Store နဲ႕ What's is Web App ေတြအစ္ေၾကာင္းကို သရုပ္ျပထားတဲ့ YouTube Video ေလးပါ။
Latest Version ကိုလိုခ်င္ရင္ေတာ့ http://www.google.com/chrome/
Facebook Adds HTTPS
Written by Zack Thursday, 27 January 2011 22:53
ကြၽန္ေတာ္ မေန႕တုန္းက Mark Zuckerberg Fun page ကို hack ခံလိုက္ရတဲ့ အေၾကာင္းကို ဖတ္လိုက္ ရလို႕ ဒီမွာ ေရးခဲ့ပါေသးတယ္။ ေရးထဲက ကြၽန္ေတာ္ စဥ္းစားမိတာက ဒီ security issue ကို facebook ကဘယ္လို ကိုင္တြယ္ ေျဖရွင္းမလဲ ? Hacker ကေရာ ဘယ္လိုမ်ိဳး hack သြားသလဲ ?
ဒီေန႕ေတာ့ facebook မွာ HTTP Secure connection (HTTPS = HTTP + SSL) ကိုထည့္ လိုက္တာကို ေတြ႔ရပါတယ္။ အဲဒီလို လုပ္လိုက္ျခင္းအားျဖင့္ computer နဲ႔ web browser ၾကား encrypted communication ျဖစ္သြားတာေၾကာင့္ ပုံမွွန္ performance ထက္ေတာ့ ေႏွးသြား ႏိုင္စရာ ရွိပါတယ္။
((( ကြၽန္ေတာ္တို႔ ျမန္မာႏိုင္ငံ ကေနဆိုရင္ေတာ့ ဘယ္ေလာက္ထိ ေႏွးသြား မလဲ ဆိုတာ :D )))
Public Wi-Fi ကေန facebook ကို access လုပ္တဲ့ အခါ တစ္စုံတစ္ေယာက္က Firesheep လို႕ေခၚတဲ့ Firefox add-on ကိုသုံးျပီး ကိုယ့္ data ေတြကို ရယူႏိုင္ပါတယ္။ ဒါ့ေၾကာင့္ facebook ကေန HTTPS ကို ကိုယ့္ account ထဲမွာ ထည့္လို႕ ရေအာင္လုပ္ေပး လိုက္ပါတယ္။
ေလာေလာဆယ္ လူတိုင္း ဒီ option ကို ရႏိုင္မွာ မဟုတ္ေသးေသာ္လည္း ၂ ပတ္အတြင္း ထည့္ေပးသြားမယ္လို႕ ေရးထားပါတယ္။ HTTPS က chat, photo upload နဲ႔ တျခား third party application ေတြမွာ အလုပ္မလုပ္ ေသးတာကိုေတြ႔ ရပါတယ္။
Ref: http://mashable.com/2011/01/27/facebook-https/
Mark Zuckerberg’s Facebook Fan Page Hacked
Written by Zack Thursday, 27 January 2011 21:04
မေန႕တုန္းက အိမ္ျပန္ရင္း ရထားေပၚမွာ စိတ္ဝင္စားစရာ သတင္း တစ္ခု ဖတ္လိုက္ရတယ္။ တျခားေတာ့ မဟုတ္ပါဘူး Facebook CEO/Founder ျဖစ္တဲ့့ Mark Zuckerberg ရဲ႔ fun page ကို hack လုပ္သြားတာပဲ ျဖစ္ပါတယ္။ Facebook ထဲမွာ Mark Zuckerberg ကေရးတဲ့ ပုံစံနဲ႔ သူ႕ fun page မွာ message တစ္ခု တတ္လာပါတယ္။ အဲဒါကို သိသိျခင္း facebook ကေန အလ်င္အျမန္ remove လုပ္လိုက္ေသာ္လည္း like count ေပါင္း 1803 နဲ႔ comment ေပါင္း တစ္ရာေက်ာ္ ရွိလိုက္ပါတယ္။
ဒါကေတာ့ print screen ပါ။
“Let the hacking begin: If facebook needs money, instead of going to the banks, why doesn’t Facebook let its users invest in Facebook in a social way? Why not transform Facebook into a ‘social business’ the way Nobel Prize winner Muhammad Yunus described it? [LINK] What do you think? #hackercup2011
ဒါကေတာ့ message ပါ။
Ref: http://mashable.com/2011/01/26/mark-zuckerberg-fan-page-hacked/
appendTo in jQuery
Written by Zack Friday, 21 January 2011 22:57
ကြၽန္ေတာ္ jQuery API ထဲက အသုံးမ်ားမယ့္ function ေတြ အေၾကာင္းကို ေရးလာတာ ဒီ post မွာေတာ့ appendTo(), remove() အေၾကာင္းကို ေရာက္ပါျပီ။ တကယ္တန္းေျပာရင္ အဲဒီ function ေသးေသးေလးေတြကို သင့္ေတာ္သလို႕ ေပါင္းစပ္လိုက္ျပီး jQuery Plugins အလန္းေတြ ျဖစ္လာတာ ျဖစ္ပါတယ္။ ဒါေၾကာင့္ function ေလးေတြရဲ႕ အလုပ္လုပ္သြားပုံေတြကို ေသခ်ာသိမယ္ ဆိုရင္ ဘယ္ plugin ကိုပဲ ၾကည့္ၾကည့္ အခက္မေတြ႔ ႏိုင္ပါဘူး။ ကြၽန္ေတာ္ ေရးထားျပီး သေလာက္ jQuery Post ေတြကို ျပန္ဖတ္ခ်င္တယ္ ဆိုရင္ေတာ့
အရင္ဆုံး appendTo() ကိုၾကည့္လိုက္ ရေအာင္ <html> $("button").click(function(){
<head>
<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("<b>Hello World!</b>").appendTo("p");
});
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Insert at the end of each p element</button>
</body>
</html>
အရမ္းကို ႐ိုးရွင္းတဲ့ concept တစ္ခု ျဖစ္ျပီး button ကို click လိုက္တိုင္းမွာ paragraph ေနာက္မွာ hello world ကိုေပါင္းသြားတာ ကိုျမင္ရပါမယ္။ အလုပ္လုပ္သြားတာကေတာ့ ဒီ coding ပဲျဖစ္ပါတယ္။
$("<b>Hello World!</b>").appendTo("p");
});
<html>
ဒီတစ္ခါေတာ့ ul, li ေတြကို appendTo(), remove() ေတြကိုသုံးျပီး စမ္းၾကည့္ ရေအာင္။
<head>
<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
<script type="text/javascript">
$(function() {
var i = $('li').size() + 1 ;
$('a#add').click(function() {
$('<li>' + i + '</li>').appendTo('ul');
i++;
});
$('a#remove').click(function() {
$('li:last').remove();
i--;
});
});
</script>
</head>
<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<a href="#" id="add"> Add List Item</a>
</br>
<a href="#" id="remove">Remove List Item</a>
</body>
</html>
"Add List Item" ကို click လိုက္တဲ့ အခါ လက္ရွိ စုစုေပါင္း li ေတြရဲ႕ count ကို 1 ေပါင္းျပီး ul ထဲမွာ appendTo() သုံးကာ ထည့္သြားတာကို ေတြ႔ရပါမယ္။ var i = $('li').size() + 1 ; $('a#remove').click(function() {
$('a#add').click(function() {
$('<li>' + i + '</li>').appendTo('ul');
i++;
});
remove() သုံးသြား တာေလးကလဲ လွပါတယ္။ li ရဲ႕ ေနာက္ဆုံးေကာင္ကို ယူလိုက္ျပီး remove() function ကိုသုံးျပီး ျဖဳတ္လိုက္တာကိုေတြ႔ ရပါမယ္။
$('li:last').remove();
i--;
});
ဟုတ္ျပီဗ်ာ ဒီတစ္ခါ နဲနဲေလးခ်ဲျပီး စဥ္းစားၾကည့္ ရေအာင္။ div container တစ္ခု လုပ္ထားျပီး အဲဒီထဲကို သီျခား html file တစ္ခုကို append လုပ္ျပီး ထည့္မယ္ ဆိုရင္ေရာ။ <html>
<head>
<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
<script type="text/javascript">
$(function() {
$('a').click(function() {
$('#info').load('another.html #movies', function() {
$(this).hide()
.appendTo('#container')
.slideDown(1000);
});
})
});
</script>
</head>
<body>
<div id="container">
<h1>My favorite Movies</h1>
</div>
<div id="info"></div>
<a href="#">Load Favorite Movies</a>
</body>
</html>
Load Favorite Movies ကို click ရင္ div info ထဲကို another.html ထဲက id = movies ျဖစ္ေနတဲ့ အပိုင္းကို အရင္ဆုံး load လုပ္ျပီး div container ထဲကို appendTo() ကိုသုံးျပီး ထည့္လိုက္တာကို ေတြ႔ရပါလိမ့္မယ္။ အဲဒီေတာ့ another.html ကို create လုပ္ထားဖို႔ေတာ့ လိုတာေပါ့ဗ်ာ။ <html>
<body>
<ul id="movies">
<li> Social Networks </li>
<li> Salt</li>
<li> Knight and Days</li>
</ul>
</body>
</html>
toggleClass in jQuery
Written by Zack Tuesday, 18 January 2011 11:54
ျပီးခဲ့တဲ့ ဒီ post မွာ toggle အေၾကာင္းကို ေရးခဲ့ပါတယ္။ အရင္ post မွာတုန္းက jquery function ေတြကို toggle လုပ္သြား သလိုမ်ိဳး CSS Class ေတြကိုလဲ ဘယ္လိုမ်ိဳး toggle လုပ္ႏိုင္လဲ ဆိုတာ ၾကည့္ရေအာင္။ <html> $('#box').toggleClass('border'); $(this).toggleClass('highlight large border');
<head>
<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
<style type="text/css">
#box
{
width: 200px;
height: 200px;
background: red;
}
.border
{ border: 5px solid black;
}
.highlight
{
background: yellow;
}
.large
{ font-size: 150%;
color:red;
}
</style>
<script type="text/javascript">
$(function() {
$('a').click(function() {
$('#box').toggleClass('border');
});
$('p').click(function() {
$(this).toggleClass('highlight large border');
});
});
</script>
</head>
<body>
<div id="box"></div>
<a href="#">Click Me</a></br>
<p>This is a paragraph block</p>
<p>This is a paragraph block</p>
</body>
</html>
ကေတာ့ box ဆိုတဲ့ div ေလးကို border css class နဲ႔ toggle လုပ္တာ ျဖစ္ပါတယ္။
More Articles...
Page 7 of 43
«StartPrev12345678910NextEnd»Login Form
Latest Post
Categories Table View
- Reader's Conner (133)
- PHP (48)
- Joomla CMS (46)
- Codeigniter (18)
- jQuery (12)
- iDhamma (11)
- Mobile Development (10)
- PHP & AJAX (4)
- Apache (3)
- For Mac (3)
- mySQL (2)
- DhammaDroid (1)
