Low foreign language achievers in vocational education often have a lack of learning strategies, a tendency to feel frustrated, and unwillingness to be involved. In order to develop vocational college students' autonomy, this study integrated on-site workshops with an online learning community by means of self-directed learning English for specific purposes (ESP). The results show that the online ESP community developed students into autonomous learners by (1) employing resource-based approach to download learning materials for preview and review, (2) utilizing curriculum-based approach to view online photos for monitoring their role-play and interactions in the learning processes and taking e-assessment for evaluating learning progress, and (3) using technology-based approach for interacting with their peers. The students developed learner autonomy to achieve significant better learning outcomes in the post-test. It was implied that self-directed learning with little teacher intervention of integrating on-site and online learning community could develop learner autonomy in ESP.