This research aimed to design a novel teaching and learning process in the professional experience training. The Successive Approximation Model (SAM) was applied in the design steps. The attainment of the designed framework derived from numbers of theoretical reviews, as well as the analytical data collected from the expert interviews. The proposed framework included the components of a Personal Learning Network (PLN), the process of PLN, and the professional experience procedure. The components of PLN were: learning resources, learning tools, learning content, and learning activities. In addition, the process of PLN consisted of Creation, Connection, Cognition, and Contribution. The professional experience incorporated nine main activities particularly, enrolling in the course, joining three compulsory seminars, doing two major periods of internship, mentor visiting, submitting assignments, and completing the course. These three concepts were combined into the framework of integrated learning activities, which occurred in social networking tool, Course Networking (CN). It operated as the learning tool utilized the newly created addable badges as a part of gamification features. The assessment results from the eleven experts revealed that the teaching and learning practice using personal learning networks on social networking tools with gamification in the professional experience proved to have high levels of standard evaluation, innovative attributes, design process, teaching and learning procedure, and teaching and learning activities.