Wyndham Hotel Group Projects: WCP Portal, Tablet UI, Mobile Apps
1. Projects in Wyndham Hotel Group
Project 1:
Name: WCP New My Portal Enhancement
URL: https://newmyportal.wyndhamworldwide.com
Contribution:
1. Developed 30 pages of html prototype using HTML5, CSS3, JavaScript and jQuery following style
guides and FSD in 2 weeks. Using Bootstrap framework and media queries to make a responsive web
design. (see attached screenshot in attachment1)
2. Tested all the pages in all browsers including IE8+, Firefox, Google Chrome and Safari, and in all the
devices including different resolution laptop, tablets and smartphones, and given demo presentations to
Client Manager, gathering new requirement and providing solutions.
3. Participated in integrating the pages into the application using Oracle Web Center Portal with two WCP
members. Solved issues that caused by integration in property search table and event calendar (which are
WCP native component). Rewrite the JSP pages of forget password flows.
4. Participated in Adobe AEM content page template development for the client editors to use, and given
orientationsto businessteam to help them get familiar with the editor environment.
5. Created the HTML mail sending system that can send styled email including brand news to franchises.
6. In Production Release process,in charge of managing the JavaScript and CSS files on WebLogic Server
and doing performance tuning.Keep helping team members do UI modification (offering solution) till now.
Project 2:
Name: Tablet UI (visit from tablet devices like iPad)
URL(in total 14 brands underWHG): http://www.ramada.com/ , http://www.daysinn.com/
Contribution:
1. Use Bootstrap framework to write the template html (54 pages in total) for all the brands with anotherteam
member. I finished 20 pages and in charge of customize the Bootstrap Library and split the work.
2. Add swipe effect to the application using jQuery. Mobile library.
3. Help AEM team create component and make the application editable.
4. Fix 70 defects (Top 1 problem solver) in QA process.
5. Participate in build the code architecture so the update will reflect in all 14 brands.Create separate code files
for business teamto maintain and they can make simple UI changes in the future.
Project 3:
Name: WHG App Maintenance Support (visit the following URL from mobile devices)
URL: https://m.wyndhamrewards.com/
Contribution:
1. Change the UI of Wyndamrewards mobile website to the new wizard style.Work on existing code structure.
Figure out the code structure independently and complete the work in 1 month.
2. Add new component in PHP pages.
3. Manage the code and help production release team to merge the change to production.
Project 4:
Name: Mobile Website release 5.3
URL(14 brands and 3 international WHG ): http://www.m.ramada.com/ , http://www.m.daysinn.com/
Contribution:
1. Redeveloped the property overview pages and the subpages for all the 14 brands website and WHG
international websites according to new design by modifying the JavaScript, CSS, HTML and PHP files.
Additional work:
Name: My Portal Alert POC development
Contribution: Use Angular.js and PhoneGap to make an app for both android and ios devices.