In this article, we discuss the importance of recognizing students' technology-enhanced informal learning experiences and develop pedagogies to connect students' formal and informal learning experiences, in order to meet the demands of the knowledge society. The Mobile-Blended Collaborative Learning model is proposed as a framework to bridge the gap between formal and informal learning and blend them together to form a portable, flexible, collaborative and creative learning environment. Using this model, three categories of mobile application tools, namely tools for collaboration, tools for coordination and tools for communication, have been identified as pertinent in blending formal and informal learning, and they can be connected seamlessly to provide an effective learning mechanism to support the learning process.