H5 WeChat Official Account Development

In recent years, there have been more and more applications of online social tools, such as QQ, Weibo, WeChat, MSN, etc. These social tools have undoubtedly swept the modern society, and have entered everyone's life, work and study. The field of education is also strongly affected. Influence.

On the one hand, there is a large amount of bad information disseminated in social networking, which is very harmful to young people and seriously affects the healthy growth of students. On the other hand, there are positive and favorable factors in online social tools, which can promote the reform and efficiency of education and teaching. For example, the author found through investigation that there are more and more application scenarios of WeChat official accounts in the field of education. Many schools and teachers have tried to use WeChat official accounts for education, teaching, publicity, and promotion, and achieved gratifying results.

However, the application of WeChat public accounts in the field of education is still in a spontaneous state, and there are still many uncertain problems. Therefore, it is the goal of this research project to promote the advantages and eliminate the disadvantages, and make the best use of the situation to turn the Internet into a tool that is conducive to the growth of college students.

1. WeChat public account demand analysis

Currently, information-based education and teaching environments such as network centers, electronic classrooms, multimedia classrooms, and laboratories have been deployed in higher vocational colleges. Under such conditions, only mobile networks need to be deployed to realize learning in mobile campus scenarios. Then, the platform is built on the software environment, so that students can use their own mobile network to study anytime and anywhere.

Through research, it is found that the live classroom based on HTML5 and WeChat official account studied in this project needs to solve the following problems:

1) For mobile applications, the system does not need to be installed, and can be accessed directly through the WeChat official account. 2) For different mobile phone platforms, only one set needs to be developed. 3) The version does not need to be updated frequently, the server updates the code, and all customers can update it after accessing it. 4) It can realize the real-time streaming of customers and the transmission of live server. 5) It can realize the forwarding and relaying of the live server stream. 6) Whiteboard and document presentation. 7) Synchronization of video stream, audio stream, whiteboard information, and document information. 8) Cloud storage and cloud playback of live data. 9) Meet the lightweight online live broadcast service.

2. WeChat official account system design

The main theoretical basis of the system design is the principle of software engineering, Gagne's nine-stage teaching strategy, constructivist learning theory, the principle of repetition and common experience in the principle of optimization of teaching communication. According to the design requirements, the platform functions can be divided into three parts: teaching information release, communication and feedback, and learning assistance platform. According to the teaching content, teaching links, teaching arrangements, etc., it can be further subdivided into 7 functional modules: preview, lecture, review, expansion, summary, interaction and assessment.

Preview: mainly to let students understand the learning objectives, learning focus, learning difficulties, learning methods, etc.

Lecture: It can be a live lecture, or it can be a lecture made with course resources such as micro-classes and MOOCs.

Review: mainly to consolidate key knowledge, solve difficult problems, and deepen memory and understanding.

Expansion: Provide expansion resources, broaden students' horizons, stimulate students' thinking, and promote the transformation of knowledge into application.

Summary: By refining the content framework, let learners master the context of knowledge, self-evaluate, and independently construct a knowledge system.

Assessment: Provide assessment resources, automatically assemble test papers, self-test, and can also perform unified assessment.

Interaction: mainly between teachers and students to answer questions, learn and communicate, and share resources.

The 7 modules of preview, lecture, review, expansion, summary, interaction, and assessment complement each other and form a complete closed loop of the learning process, which can stimulate learning motivation, clarify learning goals, consolidate learning foundations, broaden learning horizons, construct learning systems, and exchange learning experience, share learning resources, and assess learning outcomes.

3. Development and application of WeChat public account

The platform mainly solves the following problems in the education and teaching scene: ① Teaching content publishing, notices, messages, and learning materials can be released on the platform. Learning materials can be text, pictures, PPT, recordings, micro-classes, MOOC, source programs, etc. It is used for students' independent study before and after class. ②Individualized settings, the public platform can use keywords to realize the service of "conversation is search", and can also realize automatic reply through user settings. ③Message board management, open up a message board area on the platform, you can post communication topics or ask questions on certain issues, express your own opinions, and realize in-depth, multi-user communication on issues. ④Application statistics, such as the number of users, number of communication topics, number of likes, etc., are displayed in the form of graphs. ⑤Resource management. The resource library is divided into teaching resource library, expansion resource library, and assessment resource library. Resources are placed in the management library in advance. ⑥ User management, which can classify and group users, and users can modify certain information by themselves. According to the official account and the functions we require, in order to realize the requirements, we choose the following technical support based on the actual situation.

1. RTSP

RTSP (Real Time Streaming Protocol), RFC2326, real-time streaming protocol. The protocol defines how one-to-many applications can efficiently transmit multimedia data over IP networks. The protocol has the following characteristics: ①The transmission method is flexible. RTSP is located above RTP and RTCP in terms of architecture, and TCP or UDP can be selected to complete data transmission according to network conditions. ② Two-way request, compared with HTTP and RTSP, the HTTP request is sent by the client and the server responds; when using RTSP, the client and the server can make two-way requests. ③Multimedia streaming, RTSP is a multimedia streaming protocol used to control sound or video, and allows multiple simultaneous streaming requirements to be controlled. ④Support multi-party video applications, allowing simultaneous multiple stream demand control can reduce server-side network usage, and support multi-party video applications. This technology is highly compatible with the application scenarios of the project, and is very suitable for distributed education applications. It can realize the application of unicast and multicast, field data and stored clip data.

2. Webrtc

WebRTC implements webpage-based video conferencing, and the standard is the WHATWG protocol. The ultimate goal of the project is to enable web developers to quickly develop rich real-time multimedia applications based on browsers without downloading and installing any plug-ins.

①This protocol is powerful and provides the core technology of video conferencing, including audio and video collection, codec, network transmission, display and other functions. ②And also supports cross-platform: windows, linux, mac, android. Convenient interactive experience, rich product functions. ③Supporting large-scale viewing can conduct high-definition audio and video, large-scale, and stable live broadcast teaching on a global scale. ④ Abundant courseware types In addition to traditional static courseware, it also supports dynamic ppt courseware. Support full-format multimedia playback, support local file streaming directly, open in seconds, and restore smoothly.

3. HTML5

HTML5 is the fifth major revision of the core language of the World Wide Web, an application of Hypertext Markup Language (HTML) under Standard Generalized Markup Language. HTML5 is designed to support multimedia on mobile devices. The main advantage of using HTML5 is that it can be used across platforms. In addition, it is an adaptive web design technology that can automatically adjust the layout according to different sizes of screens. Because of these advantages, this project chooses HTML5 in terms of web technology.

After the completion of the project, it will be verified by the teachers and students of the 16th and 17th grades of the software of the School of Animation Software and Education. In practice, learning is carried out at any time through mobile devices such as mobile phones, so that learning is not limited by time and space. In this way of learning, student interaction is encouraged, teachers use WeChat official account to push learning content, students participate in online discussions, help students accumulate knowledge, optimize knowledge structure, students' learning enthusiasm is significantly improved, and learning results are remarkable. At the same time, the WeChat official account, as an effective communication tool among teachers, students, and parents, has created a new communication mode, which provides a lot of convenience for people's communication activities, realizes effective communication between the three parties, and can timely understand and master students. learning situation, and maximize the benefits of resources through the network.

The platform meets the needs of various classrooms and allows the creation of various classrooms, supports pre-class warm-up, on-site mic scheduling, and recording and broadcasting classes. Rich interactive functions support a variety of commonly used teaching functions, chat question and answer, desktop sharing, roll call, lottery voting, etc. Support screen sharing methods such as desktop, area, program, etc. Server-side recording and playback support server-side 1080P high-definition recording, automatically generate playback, and can be uploaded and downloaded. Secondary editing can also be performed for playback to generate customized recordings. Open interface, full terminal coverage of webpage interactive live broadcast, support webpage and client, PC (MAC) and mobile terminal.

Summarize

Through project development and practical application, live classes based on the WeChat public platform can stimulate learners' interest in learning, enable learners to practice and consolidate repeatedly, lay a solid foundation, expand and improve, and the learning effect is significantly improved. The practical results show that the live classroom on the WeChat public platform based on HTML5 is easy to use, fast and directly connected, and the scene diversity meets the application requirements of various large-scale teaching scenarios such as live classrooms, academic lectures, and open classes. It is a useful supplement to education and teaching methods. It can be promoted when conditions permit.

The above is the live classroom design method based on the HTML5 WeChat official account introduced by Shenzhen Zuchuang Microelectronics Co., Ltd. If you have software and hardware function development needs for smart electronic products, you can rest assured to entrust them to us. We have rich experience in customized development of electronic products, and can evaluate the development cycle and IC price as soon as possible, and can also calculate PCBA quotations. We are a number of chip agents at home and abroad, including MCU, voice IC, Bluetooth IC and modules, wifi modules. We have hardware design and software development capabilities. Covering circuit design, PCB design, single-chip microcomputer development, software custom development, APP custom development, WeChat official account development, voice recognition technology, Bluetooth wifi development, etc. It can also undertake the research and development of smart electronic products, the design of household appliances, the development of beauty equipment, the development of Internet of Things applications, the design of smart home solutions, the development of TWS solutions, the development of Bluetooth audio, the development of children's toys, and the development of electronic education products.