Hi Ramchandra,
Both those documents are very helpful. And testing your OData is definitely a good first step. However you need to give some more clues as to WHY your app is not working so we can help you. Let me make a few suggestions that may help you do that...
When extending apps always start from the Fiori Apps Library. Fiori Apps Library
In there find the app and go to the Implementation section.
There you will find the implementation and extensibility help for that particular app. This helps you work out what you can change. It's worth telling us not just which app, but which view/controller/etc. you are trying to change. Some changes require an update to multiple components.
You mention Web IDE? Are you using HCP Web IDE or Local Web IDE?
By preference use HCP Web IDE as this is always the most up to date and has the best help.
If you are using the Local Web IDE make very sure you have the latest version as it went through a major update only recently.
You will also need some SAPUI5 knowledge. The Web IDE will help you make the extensions correctly, but of course if something is not working you still need to know how to troubleshoot it. For instance, in the Developer Tools of a Chrome browser you can find any errors that might be stopping your data from being displayed, or debug why your model is not reading the data.
I highly recommend the openSAP SAPUI5 course Developing Web Apps with SAPUI5 -
as an introduction to both the coding and the debugging. Remember you can always enter the course in self paced mode to get the slides, watch the videos and see how the experts debug SAPUI5.
Rgds,
Jocelyn