The objective of research was to develop E-book media based on active learning approach that can be accessed offline through Windows or Android Smartphone, to improve the students' learning motivation and outcome in Public Relations and Protocols learning in Vocational Middle Schools (thereafter called SMK) in Lamongan City. The idea of research is based on the fact in the field showing no comprehensive Public relations and Protocol module that can support learning and improve the quality of learning in Vocational Middle School (SMK). The method employed in this research was Hanafin and Peck's Research and Development model applying E-book to Vocational Middle School (SMK) students, particularly in Public Relations and Protocol learning. This research and development was organized in three stages: preliminary study, development, and trial. This article served as the form of idea expansion in dealing with the problem occurring. The result of preliminary study was the development of Public Relations and Protocols E-book media in the form of flow and E-book media design based on active learning approach that is effective and efficient to improve the students' learning motivation and outcome. The design organized contains the measures of developing E-book involving material collection, storyboard development, survey, media development, and media application. In this research, E-book development contains eight learning methods (Jigsaw, Think pair and share, Mind mapping, Numbered heads together, Student facilitator and explaining, Talking stick, Group investigation and STAD) with Active Learning; it is a new innovation expected to improve the students' learning effectiveness. Using those learning methods, the learning design will be more creative, innovative, and comprehensive. The measures of developing E-book media including field study, planning, modeling, construction and application. Technique of analyzing data used was qualitative analysis.