1. PhoneGapAnd_jQueryMobileFor
SharePoint
var MobileWebInSharePoint = {
Author: ‘Kiril Iliev’,
Tags: [‘SharePointAPI’, ‘MobileWeb’]
};

2. Summary

What is PhoneGap?

PhoneGap.ProjectStructure

Short DEMO and Tips

SharePoint.Communication

DEMO – CRUD with SharePoint 2013 REST
Services

3. What is PhoneGap?
PhoneGap is a collection of tools, and libraries
that allow you to build native mobile
applications for multiple devices.*
* PhoneGap Site

4. What is PhoneGap? Re-usability

5. PhoneGap.ProjectStrucutre

The www folder

App Init – index.js and index.html

Enable debug information

Loading plugins

App information

6. DEMO
PhoneGap Project Structure

7. SharePoint.Communication
• Using ASMX Services and SOAP Messages
• Using SVC services
• Using the API – SharePoint 2013 _api

8. SharePoint.Communication = {
asmxService: true
};
object = {
spSite: $("#spSite").val() + "_vti_bin/authentication.asmx",
spSoap:
"<?xml version='1.0' encoding='utf-8; ?>" +
"<soap:Envelope xmlns:xsi='http://www.w3.org/2001/XMLSchema-
instance' xmlns:xsd='http://www.w3.org/2001/XMLSchema' xmlns:soap='http://schemas.xmlsoap.org/soap/envelope/'
>" +
"<soap:Body>" +
"<Login xmlns='http://schemas.microsoft.com/sharepoint/soap/'>" +
"<username>" + window.localStorage.getItem("username") + "</username>" +
"<password>" + window.localStorage.getItem("username") + "<password>" +
"</Login>" +
"</soap:Body>" +
"</soap:Envelope>"
}

9. SharePoint.Communication = {
svcServices: true
};
$.getJSON($("#spSite").val() + "/_vti_bin/listdata.svc/Birthdays", function (data) {
$.each(data.d.results, function (i, item) {
var output = "<li><a href='#' data-theme='b' data-icon='gear' >" + $(this).attr("ows_Title") + "</a></li>";
$("#spListView").append(output);
});
$("#spListView").listview("refresh");
});

10. SharePoint.Communication = {
sp2013API: true
};
GetListItems: function (params, onSuccessFunc, onErrorFunc) {
var xhr = $.ajax({
headers: {
"Authorization": spListViewModel.cryptBasicAuth(window.localStorage.getItem("username"),
window.localStorage.getItem("password")),
"ACCEPT": "application/json;odata=verbose", //or application/atom+xml
"X-RequestDigest": params.formDigest
},
url: params.spSite,
type: "POST",
dataType: "json",
contentType: "application/json;odata=verbose",
success: onSuccessFunc,
error: onErrorFunc
});
}

11. SharePoint.Communication = {
sp2013API.Extend: true
};
• _api alias for _api_bin/client.svc
• All new functionalities in _api are presented
in the _api_bin/client.svc as well
• Querying is similar to the Managed Client
Object Model

12. SharePoint.Communication = {
sp2013API.ServiceEndPoints: […]
};
Area Access point
Site http://sitecollection/_api/site
Web http://sitecollection/_api/web
http://
User Profile sitecollection/_api/SP.UserProfiles.Peo
pleManager
Search http://sitecollection/_api/search
Publishing http://sitecollection/_api/publishing

13. DEMO
Service End Points

14. SharePoint.Communication = {
CRUD.Read: {…}
};
• GET request
• Accept Header
• application/json;odata=verbose //or
application/atom+xml

15. DEMO
SharePoint.ReadData

16. SharePoint.Communication = {
CRUD.Create: {…}
};
• Sending the FormDigest Header
• X-RequestDigest header inside the SharePoint context
• X-RequestDigest header outside the SharePoint context
• __metadata ‘type’ property required
• List name dependent
• Conflicts with different lists

17. DEMO
SharePoint.CreateData

18. SharePoint.Communication = {
CRUD.Delete: {…}
};
• If-Match header
• RequestType: ‘DELETE’
• ItemIdentification(ID)
• …and do not forget the FormDigest, of
course

19. DEMO
SharePoint.DeleteData

20. SharePoint.Communication = {
CRUD.Update: {…}
};
•If-Match header – etag identification
•RequestType: ‘PUT’ or ‘MERGE’
•Do I need to mention the FormDigest?

21. DEMO
SharePoint.UpdateData

23. Thanks to our Sponsors:
Diamond Sponsor:
Platinum Sponsors:
Gold Sponsors:
Swag Sponsors:
Media Partners:

24. Expect very soon: SharePoint Saturday!
Saturday, June 8, 2013
Same familiar format – 1 day filled with sessions focused on
SharePoint technologies
Best SharePoint professionals in the region
Registrations will be open next week (15th)!
www.SharePointSaturday.eu