tag:blogger.com,1999:blog-81855753784273084052024-03-13T23:08:53.174-07:00ELEC4710/4711Yanhttp://www.blogger.com/profile/10137489517950368158noreply@blogger.comBlogger12125tag:blogger.com,1999:blog-8185575378427308405.post-39281479442846469882010-05-04T22:33:00.000-07:002010-05-04T22:41:03.452-07:00Progress regortI upload it to my website<br /> progress report.docx on<br /><a href="http://www.ug.it.usyd.edu.au/~yzha9423/facebook/">www.ug.it.usyd.edu.au/~yzha9423/facebook/</a>Yanhttp://www.blogger.com/profile/10137489517950368158noreply@blogger.com0tag:blogger.com,1999:blog-8185575378427308405.post-29213208991419116732010-04-04T01:00:00.000-07:002010-04-04T02:32:33.264-07:00what i learn from my companyI have been worked for them about 1 month since I come back to Australia . In the last month , I meet them once , most of time we communicate by email. They assign me the tasts and i did them at home , then post them on my test server which I build on school's page.From the communication , I got some rules or methods they often use.<br /><br />Firstly, the main functionality of website is a donation &loan . So they very care about the security and safty of the webpage. There is a certain person responsible for building webpage , and others responsible to manage. Besides, they have a beta website server which can be accessed by some certain IP .Like all the othter websites , they also would do tests before publishing the pages. There is still some detial question i need to know in the future.:<br />1 . how they can make the money tranzaztion safty . what police or protocol they use .(like security link or some en-code or de-code method to protect the credit card number and personal information ? )<br /><br />2. how they can guarantee the money are really used to help these people and the lender would get their money back ? Is these assurance between world education ( goodreturn's owner) and other financial institutions ?<br /><br />Secondly ,the very care about protect the users' privacy. Thay is why they dont want facebook share their database which means, after user login their website , they have to login to facebook again when they want to send a post to facebook. But on the other hand, user dont need worry about their informatoin would expose on facebook , especially refer to money . Another reason is probably that they dont want make the project too complex . They want to make the maintainance more easier. They even dont want the user's name appear on the webpage. But I think, only if they can control the database well , that would be OK for the print a name on the page. Lent menoy to poeple who need help is very good contribution to world. User would not mind if others or system know who he/she is .<br /><br />Thirdly , the website is easy to use --good usibility . Specific description and easy operation with guide , new user dont worry they could loss . And they also want me to create a easy operated function . That is why they me use one button to implement two functoins( check log ,send feed) . So there is only one facebook button on the page . At the beginning I was stucked by this requirement cause some technical problems. I used a replace method which to show a login button first ,then use a seed feed button to replace the previous one. So these is always one button on the page and they feel satisfied with that design . That make me understand sometimes if cannot find the best way to implement an idea , choose a smarter way.Yanhttp://www.blogger.com/profile/10137489517950368158noreply@blogger.com0tag:blogger.com,1999:blog-8185575378427308405.post-87394785423380815462010-03-25T05:51:00.001-07:002010-03-25T05:58:04.760-07:00update 25th March<div><div>I have figured out the problem of getelementbyclass , that <\tr> or<\td> tag should be put into a table . i also update the two buttons </div><br /><br /><div></div><a href="http://4.bp.blogspot.com/_No4fSzPQFLU/S6tdcKMC1nI/AAAAAAAAAC8/UwXF5B4J4qo/s1600/screenshot.png"><img id="BLOGGER_PHOTO_ID_5452554512214709874" style="WIDTH: 332px; CURSOR: hand; HEIGHT: 400px" alt="" src="http://4.bp.blogspot.com/_No4fSzPQFLU/S6tdcKMC1nI/AAAAAAAAAC8/UwXF5B4J4qo/s400/screenshot.png" border="0" /></a><br />--------------------------------------------------------<br /><div> </div><div>my website : <a href="http://www.ug.it.usyd.edu.au/~yzha9423/facebook">http://www.ug.it.usyd.edu.au/~yzha9423/facebook</a> ; </div></div>Yanhttp://www.blogger.com/profile/10137489517950368158noreply@blogger.com0tag:blogger.com,1999:blog-8185575378427308405.post-75763960136013985392010-03-24T04:55:00.000-07:002010-03-24T05:26:20.622-07:00update 23th MarchI change the "share" button on borrower page. use steamPublish method instead of showShareDialog. In the new function , it is more like to send a new feed with picture and link .
<br />It can automatically get the picture's source address and link from a certain page.
<br />
<br />There are javascript method i have not used before . But they are not very hard except get a Text from a certain Class .
<br />
<br /><\tr\><\td class="a1">Borrower Name<\/td><\/tr>
<br /><\tr><\td class="a2">Maria Coy<\/td> <\/tr>
<br /><\tr><\td class="a1">Location<\/td> </tr>
<br /><\tr><\td class="a2">Tono<\/td> <\/tr>
<br />
<br />this is a piece of html code . I need to get "Maria Coy" and "Tono" and display them on facebook by sending a feed . I know how to get them by "ID" or other attributes .but when i try to use the same way to get this. it cannot work.
<br />
<br />function ver() {
<br /> var allElems = document.getElementsByTagName('*');
<br />
<br /> for (var i = 0; i < allElems.length; i++) {
<br /> var thisElem = allElems.item(i);
<br /> if (thisElem.className && thisElem.className == 'a2') {//
<br />
<br /> alert(thisElem.innerHTML)
<br /> }
<br />-----------------------------------------------------------------------
<br />
<br />doc: <a href="http://developers.facebook.com/docs/?u=facebook.jslib.FB.Connect">http://developers.facebook.com/docs/?u=facebook.jslib.FB.Connect</a>
<br />new "share" button link: <a href="http://www.ug.it.usyd.edu.au/~yzha9423/Loan_Detail2.htm">http://www.ug.it.usyd.edu.au/~yzha9423/Loan_Detail2.htm</a>
<br />Yanhttp://www.blogger.com/profile/10137489517950368158noreply@blogger.com0tag:blogger.com,1999:blog-8185575378427308405.post-32718730542620622842010-03-21T23:28:00.000-07:002010-03-22T00:05:23.359-07:00update 22th Marth<a href="http://3.bp.blogspot.com/_No4fSzPQFLU/S6cVoOKNTgI/AAAAAAAAACk/tCoTYT_1IOM/s1600-h/share1.jpg"><img id="BLOGGER_PHOTO_ID_5451349654695136770" style="WIDTH: 320px; CURSOR: hand; HEIGHT: 133px" alt="" src="http://3.bp.blogspot.com/_No4fSzPQFLU/S6cVoOKNTgI/AAAAAAAAACk/tCoTYT_1IOM/s320/share1.jpg" border="0" /></a><br /><div></div><div>Borrower page (step 1) <a href="http://4.bp.blogspot.com/_No4fSzPQFLU/S6cTef0pwHI/AAAAAAAAACE/PZNH4qILuss/s1600-h/share1.jpg"></a><br /></div><div><a href="http://2.bp.blogspot.com/_No4fSzPQFLU/S6cT4fLDLtI/AAAAAAAAACM/SD2JQ-s-_ak/s1600-h/share4.jpg"><img id="BLOGGER_PHOTO_ID_5451347735116721874" style="WIDTH: 320px; CURSOR: hand; HEIGHT: 109px" alt="" src="http://2.bp.blogspot.com/_No4fSzPQFLU/S6cT4fLDLtI/AAAAAAAAACM/SD2JQ-s-_ak/s320/share4.jpg" border="0" /></a></div><div>share page , we can write title and statement (step 2) </div><div> </div><br /><div><a href="http://3.bp.blogspot.com/_No4fSzPQFLU/S6cT4gu7flI/AAAAAAAAACU/v7btQUjogSE/s1600-h/share3.jpg"><img id="BLOGGER_PHOTO_ID_5451347735535648338" style="WIDTH: 320px; CURSOR: hand; HEIGHT: 150px" alt="" src="http://3.bp.blogspot.com/_No4fSzPQFLU/S6cT4gu7flI/AAAAAAAAACU/v7btQUjogSE/s320/share3.jpg" border="0" /></a><br /></div><div>facebook home page (step 3)<br />-------------------------------------------------------------------------------------------------<br /></div><div><a href="http://3.bp.blogspot.com/_No4fSzPQFLU/S6cVJ-a-DQI/AAAAAAAAACc/wo9sCqxWMgo/s1600-h/thank+you6.jpg"><img id="BLOGGER_PHOTO_ID_5451349135074397442" style="WIDTH: 320px; CURSOR: hand; HEIGHT: 176px" alt="" src="http://3.bp.blogspot.com/_No4fSzPQFLU/S6cVJ-a-DQI/AAAAAAAAACc/wo9sCqxWMgo/s320/thank+you6.jpg" border="0" /></a><br />Thank you page(step 1)<br /></div><br /><div><br /></div><a href="http://2.bp.blogspot.com/_No4fSzPQFLU/S6cTAWGr13I/AAAAAAAAABk/dF9b5LlylVE/s1600-h/thank+page2.jpg"><img id="BLOGGER_PHOTO_ID_5451346770609821554" style="WIDTH: 320px; CURSOR: hand; HEIGHT: 95px" alt="" src="http://2.bp.blogspot.com/_No4fSzPQFLU/S6cTAWGr13I/AAAAAAAAABk/dF9b5LlylVE/s320/thank+page2.jpg" border="0" /></a><br /><div> login page(step 2)<br /><br /><br /><a href="http://2.bp.blogspot.com/_No4fSzPQFLU/S6cTA_t9MWI/AAAAAAAAABs/LBX_qNnseRA/s1600-h/thank+page3.jpg"><img id="BLOGGER_PHOTO_ID_5451346781780390242" style="WIDTH: 320px; CURSOR: hand; HEIGHT: 184px" alt="" src="http://2.bp.blogspot.com/_No4fSzPQFLU/S6cTA_t9MWI/AAAAAAAAABs/LBX_qNnseRA/s320/thank+page3.jpg" border="0" /></a><br />after login refresh page (step 3) </div><div> </div><div><br /><br /> </div><div><a href="http://1.bp.blogspot.com/_No4fSzPQFLU/S6cTBKJfZ1I/AAAAAAAAAB0/JqltcMQbW4Y/s1600-h/thank+page4.jpg"><img id="BLOGGER_PHOTO_ID_5451346784580233042" style="WIDTH: 320px; CURSOR: hand; HEIGHT: 191px" alt="" src="http://1.bp.blogspot.com/_No4fSzPQFLU/S6cTBKJfZ1I/AAAAAAAAAB0/JqltcMQbW4Y/s320/thank+page4.jpg" border="0" /></a><br /><br />write feed stroy(step 4)<br /><br /><div><a href="http://1.bp.blogspot.com/_No4fSzPQFLU/S6cTBRvCOjI/AAAAAAAAAB8/Gq2oTIvXCvA/s1600-h/thank+page5.jpg"><img id="BLOGGER_PHOTO_ID_5451346786616752690" style="WIDTH: 320px; CURSOR: hand; HEIGHT: 92px" alt="" src="http://1.bp.blogspot.com/_No4fSzPQFLU/S6cTBRvCOjI/AAAAAAAAAB8/Gq2oTIvXCvA/s320/thank+page5.jpg" border="0" /></a><br /><div><br />facebook home page (step 5)<br /><br />-----------------------------------------------------------------------------------------------<br /><br /><br /><br /><br /><br /><br /><div>I have finished to change these two pages and did some test . there is still some problem</div><br /><div>1. if no login button shown on the page , when user do not login the facebook when they press "share with facebook" button ( it is a send feed function ) in THANK YOU page . application will allow user to login . but after log in they have to press the button again to send the feed .</div><br /><br /><div>So totally user need to press twice. that is not what we want , but it seem like we have to do it.</div><br /><br /><div>2. in the THANK YOU page , we need find picture's recouse and location if we want to attach it .that still need to ask company to show me where to find it. </div><br /><div>3. the share button only share the link ,that need to be changed I guess. </div><div> </div><div></div></div></div></div>Yanhttp://www.blogger.com/profile/10137489517950368158noreply@blogger.com0tag:blogger.com,1999:blog-8185575378427308405.post-43922923901070471732010-03-21T22:22:00.000-07:002010-03-21T22:53:41.794-07:00update 15th MarchToday , i went to the company to meet Di Bowles who is the manager of goodreturn.org . I show the sample application to them and talk about the how to use their server to test . <br /><br />they give me 2 pages which they want to add the facebook button in and tell me how these buttons work .<br /><br />first one is a share button which could appear in "Borrower" page . That page is telling the user the backgroud information about these people who need help and how much need and so on .<br />the "share" button is to share the link to facebook , is better can display a picture and leave some comment and so on . So only use facebook's "share" API cannot make this happen .that should use others .<br /><br />Second one is a post feed button on "Thank you" page . On that page , user already finish the loan or donation . this page is last step to display all information to user . The facebook button will send a new feed to the facebook , to tell user's friends how he/she help them .<br />they want the button can handle "login" and "send feed" function . Also they want the feed contain the user's name ,borrower's name and nationality. Unfortunatly , facebook just claimed that the API will not supply templage any more . Probably, they make a better one for users .<br /><br />One more thing is the website is not created by the company , so i have to work with the person who made the website whe embed the application into the real website .<br /><br />There is till a lot work to do .Yanhttp://www.blogger.com/profile/10137489517950368158noreply@blogger.com0tag:blogger.com,1999:blog-8185575378427308405.post-37865360930651740182010-03-10T04:25:00.000-08:002010-03-10T04:49:11.491-08:00update 10/03/2010<a href="http://1.bp.blogspot.com/_No4fSzPQFLU/S5eU0R_6YkI/AAAAAAAAAAs/5IPboqh7hTI/s1600-h/cs5.png"><img id="BLOGGER_PHOTO_ID_5446985900233482818" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 320px; CURSOR: hand; HEIGHT: 173px" alt="" src="http://1.bp.blogspot.com/_No4fSzPQFLU/S5eU0R_6YkI/AAAAAAAAAAs/5IPboqh7hTI/s320/cs5.png" border="0" /></a><br /><br /><div><a href="http://1.bp.blogspot.com/_No4fSzPQFLU/S5eTJ5e8mKI/AAAAAAAAAAk/U13CARBDsUs/s1600-h/cs4.png"><img id="BLOGGER_PHOTO_ID_5446984072586631330" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 320px; CURSOR: hand; HEIGHT: 173px" alt="" src="http://1.bp.blogspot.com/_No4fSzPQFLU/S5eTJ5e8mKI/AAAAAAAAAAk/U13CARBDsUs/s320/cs4.png" border="0" /></a><br /><br /><br /><br /><div><a href="http://4.bp.blogspot.com/_No4fSzPQFLU/S5eTJYelB9I/AAAAAAAAAAc/YCyTYZaKLkc/s1600-h/sc.jpg"><img id="BLOGGER_PHOTO_ID_5446984063726716882" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 320px; CURSOR: hand; HEIGHT: 148px" alt="" src="http://4.bp.blogspot.com/_No4fSzPQFLU/S5eTJYelB9I/AAAAAAAAAAc/YCyTYZaKLkc/s320/sc.jpg" border="0" /></a><br /><br /><br /><br /><br /><div><a href="http://2.bp.blogspot.com/_No4fSzPQFLU/S5eTJH1saeI/AAAAAAAAAAU/UrclF50Mbus/s1600-h/sc3.jpg"><img id="BLOGGER_PHOTO_ID_5446984059260266978" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 320px; CURSOR: hand; HEIGHT: 218px" alt="" src="http://2.bp.blogspot.com/_No4fSzPQFLU/S5eTJH1saeI/AAAAAAAAAAU/UrclF50Mbus/s320/sc3.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><div><a href="http://4.bp.blogspot.com/_No4fSzPQFLU/S5eTIbZVGZI/AAAAAAAAAAM/p2pG59WbSbk/s1600-h/sc2.jpg"><img id="BLOGGER_PHOTO_ID_5446984047330138514" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 320px; CURSOR: hand; HEIGHT: 220px" alt="" src="http://4.bp.blogspot.com/_No4fSzPQFLU/S5eTIbZVGZI/AAAAAAAAAAM/p2pG59WbSbk/s320/sc2.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><div> </div><div> </div><div> </div><div> </div><div> </div><div> </div><div>what i have done so far : </div><br /><div>I have create a similer app on renren.com which is the Chinses version facebook and test on my server . </div><div><a href="http://218.10.232.57:8080/2010-01-25/good_return_front_page.html">http://218.10.232.57:8080/2010-01-25/good_return_front_page.html</a></div><br /><div>user can log in by the renren account , share video , and send new to the own page. </div><div>but the problem is that the server is in China , so when i tried use that server to test facebook app, then is was been rejected , just show the "cannot find page ". At first , i thought it would be some thing wrong in my code . Now i understand the reason cause facebook cannot call the server in China . So i try to set another server , probably use the usyd's server. </div><br /><div> </div><div> </div><div>I am still working that now . </div><br /><div>I have create a new app on facebook called goodreturn .</div></div></div></div></div>Yanhttp://www.blogger.com/profile/10137489517950368158noreply@blogger.com0tag:blogger.com,1999:blog-8185575378427308405.post-31999162400769256512010-03-03T20:41:00.000-08:002010-03-10T04:24:54.287-08:00steps of create the applicationstep1 <strong>create a new application in facebook</strong> <br />fellowing the tutorial of facebook wiki, that would be easy. To get the API key and secret key.<br />set the connet URL ,domain URL and some app profile.<br /><br />step2 <strong>open a server for the app test.</strong><br />this server is actully for uploading the webpage code by ftp.<br /><br />step3 <strong>implement and test the functions</strong><br />fellow the functional requirements . login ,loginout ,share ,send feed , invite friend and so on.<br /><br />step4 <strong>add the code in to the webpage</strong><br />to upload the real webpage code and backgroud code to achieve these functions.<br /><br />step5 <strong>Test the new website and app</strong>Yanhttp://www.blogger.com/profile/10137489517950368158noreply@blogger.com0tag:blogger.com,1999:blog-8185575378427308405.post-63396995311190120822010-03-03T20:40:00.000-08:002010-03-10T04:08:24.791-08:00requirments of goodreturn websiteThe requirments of this application is not very complex.<br /><br />Due to the facebook API, we can achieve many function we want .<br /><br />R1. The website should allow user to login by facebook account .<br /> The systme should check the window or the user's login status .<br /> if use already login facebook, then they can login in directly.<br /> if not ,then window would pop up a new web page for user to type facebook accunt .<br /> if user dont have a facebook account , then they can registe one there.<br /> Of course users can their goodreturn account to login as well .<br /><br />R2 The website should allow user to logout goodreturn and facebook as the same time <br /><br /><br />R3. The website should allow user send feed (words ,pictures) to their own facebook page.<br /> <br />when user finish a donation or lent , they can choose to send a message or a feed to their wall to let their friend know that . system would add a picture and the number of money to the message automatically , But if the user dont want to attach the picture or the number of money they can change that. Also user can write any thing in the message.<br /><br />R4. The website should allow user share vidao and pictures with their facebook friends.<br />The user can add some statement to the share vidao or pictures if they want .<br /><br />R5. The application should allow user to access to website derictly from facebook.<br /><br /><br />*R6. The applicatoin should allow user to invite their friends to add the application.<br /><br /><br /><br />So far ,these requirments would help the goodreturn to be konwn by the public .Yanhttp://www.blogger.com/profile/10137489517950368158noreply@blogger.com0tag:blogger.com,1999:blog-8185575378427308405.post-16368783929443995632010-03-03T20:39:00.000-08:002010-03-10T03:44:41.895-08:00Facebook application analysisThis application is trying to make a connection between the facebook and goodreturn.org. <br /><br />They want to let the facebook user can access to <a href="http://www.goodreturn.org/">www.goodreturn.org</a> by the application.<br /><br />Then the user can use the facebook account to login to the goodreturn. So the goodreturn can<br /><br />use facebook to make them more famous and attract more users to visit their website.<br /><br />That is a very good thing cause their work for charity organization. The more people visit the<br /><br />website the more chance they can get money and lent them to the people who need .<br /><br />One more thing , because the website have the donate function which would involve with money.<br /><br />So the code should be paid more attention on the safety and security .Yanhttp://www.blogger.com/profile/10137489517950368158noreply@blogger.com0tag:blogger.com,1999:blog-8185575378427308405.post-29756078246436284292010-03-01T17:36:00.000-08:002010-03-01T18:02:40.697-08:00Start the projectI already set up a test server for the facebook project.Due to the internet police of Chinese government ,I just use the simlar website (<a href="http://www.renren.com/">http://www.renren.com/</a>) to test the code and get to understand the process of create a facebook project.<br /><br />I create the prject named "Good return " and read the document of how to create connection to a website. (<a href="http://developers.facebook.com/get_started.php">http://developers.facebook.com/get_started.php</a>)<br /><br />Goodreturn.org use .Net to write the website. I need to get to know how to write the project using the same language .Yanhttp://www.blogger.com/profile/10137489517950368158noreply@blogger.com0tag:blogger.com,1999:blog-8185575378427308405.post-54988976145074805062009-11-05T01:10:00.000-08:002009-11-17T19:48:08.222-08:00topic initialCreate Topic :Application of facebook , for goodreturns.orgYanhttp://www.blogger.com/profile/10137489517950368158noreply@blogger.com0