The Design And Implementation Of Front-End Module Of Mecca Hajj Intelligent Transportation System

Mecca is the birthplace of Islam,millions of Muslims from all over the world gathered in Mecca to participate in the once-a-year Mecca pilgrimage each December.However,in the past few decades,the stampede accidents caused by crowded people are numerous which has caused great losses to people’s lives and property.The Mecca government want to implement a system to help them perceive traffic in order to have a real-time understanding of the Mecca traffic and Muslim agglomeration and then mobilize resources according to actual conditions to avoid accidents.Intelligent transportation is a very broad concept.Corresponding to its use,the intelligent transportation system is also very diverse.Most of them are focused on solving one or more specific traffic problems,and some are used for transportation inside the city,some for outside,some for water transportation,some for air,or a variety of collaborative management and so on.In terms of implementation solutions,most of them are running on traditional platforms such as web pages or PCs.With the popularization of mobile,there are currently some intelligent transportation systems running on mobile phones.The Mecca Hajj intelligent transportation system is a single page application for displaying the traffic conditions in Mecca.With the help of data transmitted from loT sensors scattered throughout the city,the system can help users to see traffic and Muslims gather conditions in real time.System can also replay historical traffic conditions and predict future traffic conditions based on historical data.The front-end module of the system adopts the MVC architecture,and a state management module is added according to actual needs.In terms of technology,the front-end module is a single page application that is a web application with only one page implemented using front-end technologies such as JavaScript,CSS,and HTML and use Babel,Webpack and other front-end tools to compile and build.The Mecca Hajj intelligent transportation system separates front and back ends,and the back end focuses on providing data,the front end focuses on rendering page.Meanwhile,components are separated from each other,which reduces the coupling of the system and improves the system’s scalability and modifiability.After the system was put into operation,it achieves good results.It displays the traffic operation status of the Mecca to the government staff in an efficient and stable manner and improves the response speed of the government staff to dangerous conditions to avoid many accidents.