1) The document describes the development of a user interface for enhancing an advertising workflow using a RESTful architecture. It aims to improve upon existing systems by utilizing HTML5, Ajax, and a RESTful design. 2) The proposed system would allow for client-side validation, autoplay of multimedia, and dynamic chart generation using HTML5 canvas. Ajax requests using REST would provide faster client-server interaction. 3) The document outlines the system design, including functional requirements, screenshots of the interface, and test cases to validate the login, ad creation, campaign generation, and reporting features.

1. Development of User Interface for Enhancing
Advertising Workflow Using Restful Architecture
Presented
By
Madhusudhana R K (1RV13MCA49)
Under the Guidance
Of
Internal Guide External Guide
Mr. Saravanan C Mr. Karthik P R
Asst. Professor Engineering Manager and UI Architect
Saravanan.cks@gmail.com karthik@jivox.com
01-09-2016 Department of MCA,RVCE 1/31

2. Agenda
 Introduction
 General Description
 Detailed Design
 Implementation Plan
 Results and Testing
 Conclusion
01-09-2016 Department of MCA,RVCE 2/31

3. Introduction
Web Sites are the most popular forms of media to share and communicate
information throughout the world.
Some of the key features are
1. Interactive websites .
2. Pros and Cons with Flash
3. Advantages of HTML 5
4. UI Development
01-09-2016 Department of MCA,RVCE 3 / 31

4. Introduction Cont..
 Existing System
The existing system is built with basic web technologies. Java Script is
used for basic validations and this requires client-server interaction for
every request. This client-server interaction takes more time for execution.
Flash is mainly used for in designing of advertisements, games, and flash
animations.
01-09-2016 Department of MCA,RVCE 4 / 31

5. Introduction Cont..
 Proposed System
HTML5 gives the advanced options for user to make client side validation
and auto-play for multimedia files.
Ajax is built upon Restful architecture that gives fast interaction between
client-server.
Canvas used in the present system will make use of drawing line graph, Bar
graph, Circular graph easily without a third party support.
01-09-2016 Department of MCA,RVCE 5 / 31

6. Software Requirement Specification
 Softwares used in developing a product are
 HTML 5
 CSS3
 Jquery
 Qtip2
 Javascript
 Mysql
 Xampp
01-09-2016 Department of MCA,RVCE 6 / 31

7. Software Requirement Specification cont..
Functional Requirement
The project contains various modules that need to work in a
synchronous fashion to achieve their desired objectives.
1. New Advertise Creation Module
2. New Campaign Creation Module
3. Script Generation Module
4. Report Generation
01-09-2016 Department of MCA,RVCE 7 / 31

8. Software Requirement Specification Cont..
 Non-Functional Requirements
 Performance Requirements
Space and Time complexity of the project
 Design Constraints
The Constraints on User, Module and other assets.
01-09-2016 Department of MCA,RVCE 8 / 31

9. System Design
 Architectural Design
Jivox checks for the credential details from the authorized users. Client/user
request the server for the access. Then system allows client to create ad by using the
Jivox ad creation portal. All ads created by the user is stored in the Database.
01-09-2016 Department of MCA,RVCE 9 / 31

10. System Design Cont..
 Context Diagram of the Project
01-09-2016 Department of MCA,RVCE 10 / 31

11. Screenshots
 Login page of the Advertising Workflow
01-09-2016 Department of MCA,RVCE 11 / 31

12. Screenshots
 Create Advertise Home Page
01-09-2016 Department of MCA,RVCE 12 / 31

13. Screenshots Cont..
 Adding Assets to the advertise workflow
01-09-2016 Department of MCA,RVCE 13 / 31

14. Screenshots Cont..
 Adding custom widgets to the advertise workflow
01-09-2016 Department of MCA,RVCE 14 / 31

15. Screenshots Cont..
 Adding interactions to the advertise workflow
01-09-2016 Department of MCA,RVCE 15 / 31

16. Screenshots Cont..
 Adding galleries to the advertise workflow
01-09-2016 Department of MCA,RVCE 16 / 31

17. Screenshots Cont..
 Creating Video Advertise
01-09-2016 Department of MCA,RVCE 17 / 31

18. Screenshots Cont..
 The main page of Advertise studio
01-09-2016 Department of MCA,RVCE 18 / 31

19. Screenshots Cont..
 Creating Dynamic Campaign of the project
01-09-2016 Department of MCA,RVCE 19 / 31

20. Screenshots Cont..
 Displaying the preview of the advertise created
01-09-2016 Department of MCA,RVCE 20 / 31

21. Testing
 Login Table test cases
Sl. No Test case name Sample Input Observed output Result
1 E-Mail
validation
Enter e-mail e-mail format must be
checked
Pass
2 Password size
limit
Enter
password
Check for the length
of the password
entered
Pass
3 Login
Credential
Enter Login
details
Check for the login
authentication
Pass
01-09-2016 Department of MCA,RVCE 21 / 31

22. Testing Cont..
Test cases for Creating advertise
Sl. No Test case
name
Sample
Input
Observed output Result
1 Fixed Image
pixel length
Insert Image Image should be fix
with advertise unit
Pass
2 Adding assets Enter
different
assets
All possible assets
must work
Not working for
slider widget
3 Qtip alert box Save
advertise
Should display the
alert message with
options
Pass
01-09-2016 Department of MCA,RVCE 22 / 31

23. Test Cont..
Test cases for Creating campaign
Sl. No Test case name Sample Input Observed
output
Result
1 Generate script
for given Ad
Select Ad for
script
generation
Should generate
the script
Pass
2
Click through
URL
Enter URL Check for the
URL entered
Fail ( URL above
438 Entities are not
allowed)
01-09-2016 Department of MCA,RVCE 23 / 31

24. Test Cont..
Test cases for Generating report
Sl. No Test case name Sample Input Observed output Result
1 Generate Bar
graph, Line
graph and
Circular graph
Select ad for
the report
generation
Should generate the
different report
Pass
2
Show the brand
analysis
Select Ad for
brand analysis
Shows the brand
analysis of the Ad
Pass
01-09-2016 Department of MCA,RVCE 24 / 31

25. Testing Screenshots
 Login page test cases for front User Credential validations
01-09-2016 Department of MCA,RVCE 25 / 31

26. Testing Screenshots
 Testing for Image pixels and Qtip alert message
01-09-2016 Department of MCA,RVCE 26 / 31

27. Testing Screenshots
 Testing for Campaign script generation
01-09-2016 Department of MCA,RVCE 27 / 31

28. Testing Screenshots
 Testing for reporting elements
01-09-2016 Department of MCA,RVCE 28 / 31

29. Conclusion
The project is designed and implemented user-friendly features for Jivox Ad
platform with better UI.
The project was challenged by the complexity of the technologies needed to
build the system using the high level and latest technologies
The project is tested and verified with all possible test cases and got the
expected output designed. Few results will not be solved that carried to next
level.
 With respect to the time and space complexity, the system is built upon
Restful architecture by using ajax call for client-server interaction.
01-09-2016 Department of MCA,RVCE 29 / 31

30. Future Enhancement
 There is still much room for future development that would enhance the
system and increase its business value. A tool can be used to shape many things in
the future, thus this project will give rise to many future modifications forking in all
directions.
 The main key features to be implementing in future are,
1. The tool can be implemented with a large scale over 4 million records
accessing.
2. It will be taken for the Dynamic Data Assets in workflow
3. Synthetically Awesome Style Sheets (SAAS) can be supported.
01-09-2016 Department of MCA,RVCE 30 / 31

31. 01-09-2016 Department of MCA,RVCE 31 / 31