2. Function: we used use case as a tool indicating function of system and function of each person doing in the system.
3. Data: we used IPO model to explain how data flow in the system; for example, it showed how data has been input to the system, how data has been to process in the system, and how data has been output from the system.
4. Procedure: we used flow chart explain the procedure because it is easy to show respectively process of system.
5. Interface design: we used wire framing to design a visual guide that represents the skeletal framework of a website page and mobile application