portfolio

How to translate the whole web page

Google translate is one of the best tool for translating any words in one language to another language.

What about translating the whole web page? To do that, we can easily achieve with Chrome browser.

Following the steps below to translate the whole web page:

  1. Browse to any website that requires translation. For example, we can go to http://vnexpress.net/.
  2. Right click any space on the page, and select “Translate to English” option.

    translate1

  3. Wait for a few second, a little popups window will appear near the URL bar.
  4. Click on “Options” link.

    translate1

  5. Select the language from and to, then hit “Done” button.translate1

Hope this would help someone 🙂

Web developer @Fiserv

Key Duties:

  • Worked on Westpac’s online transform program (OTP) MOBILE + DESKTOP – building the web page and mobile application so the user can log in and do their online banking.
  • Worked on payment component of the application including the UI view, the payment API services to execute CRUD operations to the database.
  • Responsible for accessibility of application (HTML5 standards + Voice over + Talkback + Jaws) – Ensure the application to pass AAA accessibility standards, fully support for blind and impair vision customers.
  • Responsible for UI components and patterns for MOBILE application – It includes how the web elements should look, how the animation should behave based on the business and customers feedback. Ensure the patterns pass the accessibility, browsers and devices compatible.
  • Improving mobile application performance for all mobile devices – reduce the loading time after sign in from 8 seconds to 3 seconds, ensure the application still functions with acceptable speed for the low end devices like Samsung S2, Samsung S3, etc…
  • Implemented NBA (Next Best Action) framework for MOBILE application – based on information from KnowMe system to determine which one is the customer next best action and where the location of that next best action should be on the page
  • Implemented the client side JavaScript framework based on reactjs, redux, angularjs, knockoutjs, requirejs, etc…
  • Implemented javascript unit testing using Moq framework
  • Building css framework based on Less
  • Worked with designer to achieve the look of the icons being used for the application – normal icons for standard resolution and retina version of icons for high screen definition like iphone, ipad, etc…

Technologies used:

  • Accessibility
  • CSS3, HTML5
  • Reactjs, Redux
  • Angularjs
  • Git source control
  • Photoshop
  • Paint.Net
  • MVC, C#
  • KnockoutJs, jQuery
  • Less, Sprite image and css generations

Senior .Net Developer @M&CSAATCHI

Key Duties:

  • Working on front end work and creating eDMs.
  • Web project using MVC3
  • Writing Regression Test
  • BDD (Behaviour Driven Development)

Technologies used:

  • Framework 4, C#,
  • SQL server 2008
  • MVC3
  • MVC4
  • Entity Framework
  • Photoshop
  • Net
  • Selenium
  • SpecFlow
  • SVN source control

Web developer @BluearcGroup

Key Duties:

  • Joining as a web developer, I took care of all the support requests, new functions, and new features for various clients. Different technology being used for different clients. Websites are developed by using Classic ASP, or ASP.net 2003, or ASP.net 2005.
  • Deal with clients on the phone to collect the requirements

 

Technologies used:

  • Classical ASP, ASP.net 2003, ASP.net 2005
  • Ajax, JavaScript, CSS, HTML, DHTML for front end website
  • net, C# to code
  • SQL server 2000 and SQL server 2005 for databases

Consultant @LionNathan

Key Duties:

  • Worked with UI templates provided by Siebel and enhanced it to have a better modern look and feel for Lion Nathan customer
  • Implemented JavaScript framework to convert Frame based Siebel UI templates into Frameless based.
  • Rebuild the login and registration process web based application.
  • Improving the performance of the application by loading css, JavaScript on the fly.
  • Implemented google analytics to capture all the users action based on business requirements including page views, button click events, search terms, etc….

Technologies used:

  • Siebel
  • Google analytics
  • Reactjs
  • Redux
  • Photoshop
  • Paint.Net
  • CSS3
  • HTML5
  • jQuery

Techincal Lead @Medibank

Key Duties:

  • To contribute to the Medibank Health Solutions business as a leader within the IT development team, utilizing strong technical skills to design robust solutions that meet user requirements in both functional and non-functional areas.
  • Provide technical expertise in all areas of product development, including specification, implementation, testing and deployment. Responsible for implementing the core components of the fitness2live system while maintaining a high level of code quality, including documentation, design for reuse and scalability. Provide a wealth of prior experience to the rest of the team when making decisions on technologies, design patterns and methodologies, as well as assisting other team members in their duties through mentoring. Should be capable and affective in managing the development of independent components and subsystems of the product, and be able to manage the development of said systems when teamed with junior/other developers.
  • Write Test scripts, Manual tests and UI Coded tests.

Technologies used:

  • Framework 4, C#,
  • SQL server 2008
  • Team Foundation System
  • Microsoft Test Manager

Senior Software Developer @SureTek

Key Duties:

  • Implemented Window components to be the bridge for communicating between VB6 applications to the server application.
  • Implemented Server application using WPF, Window Message Queues, and WCF Restful services
  • Implemented IPhone push notification.
  • Implemented Silverlight application for Window Phone 7.

 

Technologies used:

  • Framework 4, C#,
  • SQL server 2008
  • Silverlight 4 for Window Mobile Phone
  • WPF 4
  • Pattern MVVM, Prism, Unity
  • WCF Ria Services, WCF Restful Services
  • Team Foundation System

UI Developer @Channel7

Key Duties:

  • I came on board as a UI developer. In first project, we used pure Javascript, css, html, and jQuery. I had the responsibility of the whole application lay out including Menu component, Tab component, some custom controls, as well as the animation. Besides, I got involved in communicating with the Business Analyst to analyse the input requirements and the output expectation of the application. I also had to deliver some presentation for the managers to persuade them that all the requirements can be achieved.
  • Next, we had new requirement which is to upgrade the existing application we built to Silverlight, WCF and SQL 2008. Again as a UI developer, I took on challenge with Silverlight. We started with Silverlight beta 2.0, then Silverlight RC, and now the released version of Silverlight 2.0. In order to bring all the features we already implemented, once again we had to create all the components such as menu, custom controls, and animation. Talking to the business analyst also goes side by side with our development.
  • Upgrade project from Silverlight 2.0 to 3.0
  • Upgrade project from Silverlight 3.0 to 4.0 beta
  • To support the team working environment, we are using Team Foundation System (TFS) and Sharepoint. Currently, we’re using SCRUM methodology for the development.

Technologies used:

  • net 2008, Framework 3.5, C#, WCF
  • jQuery, Ajax, javascript, CSS, HTML
  • SQL server 2008
  • Silverlight 2.0, Silverlight 3.0, Silverlight 4
  • Pattern MVVM, Prism, Unity
  • WCF Ria Services