Using PHP to Create a Web Based Mobile Banner Application

  • 752 views
Uploaded on

My Talk from PA BUG 2012. I go through creating a web-based mobile app using Banner.

My Talk from PA BUG 2012. I go through creating a web-based mobile app using Banner.

More in: Technology , Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to like this
No Downloads

Views

Total Views
752
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
0
Comments
1
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • Wanted singular app experience, so a 2 nd student native app was a no go. Straxis was able to build a web view within the native app to bring up our webapp. Straxis only supports iOS/Android (phones). Our app can be accessed on any device that supports web browsing. Changing a native app could take up to 2 weeks (on iOS). We can test our changes and deploy them immediately.
  • Pioneered by Ethan Marcotte. See “Responsive Web Design” from A Book Apart Know when: Won’t start the native vs. web debate, but think about your constraints, and more importantly, your users. Didn’t want our Student Services restricted to only Android and iOS users.
  • - Saw a talk that stated, “Decide what devices you want to support.” There are over 5,000 screen resolutions on Android alone. There are now 4 different iOS devices. Do you really want to tie down your app to only certain devices?
  • - Assume the worst conditions when developing! Scott Jehl pointed out that not all users may have javascript enabled. Sometimes EDGE network is the fastest a user has. Don’t just assume they have they same set up as you!
  • Use cURL to send all requests, including login Everything done over https, passwords also encrpyted on out end.
  • Use cURL to send all requests, including login Everything done over https, passwords also encrpyted on out end.
  • All of these URLs return JSON that can be processed. The Student ID is returned from getUserInfo, as well as some other info, like Banner roles.
  • All of these URLs return JSON that can be processed. The Student ID is returned from getUserInfo, as well as some other info, like Banner roles.
  • This is how I get all information. The function accepts a URL, and the username and password, which are encrypted and stored in a session. I use cURL to authenticate, as the server requires HTTP Auth Check to see request failed. If it did let ‘ em know. Otherwise convert the JSON to an array and return it for processing.
  • Dev server down, so was unable to show an actual JSON -> Array sample. Best thing to do is just print array to see what it looks like (show function)
  • Ellucian is releasing it’s own homegrown mobile connection app with more web-ready functionality. Hopefully you won’t need to do a lot of the digging I did There should also be a lot of added functionality Since server is already JSON, my assumption is that I won’t need to rewrite a lot of what I did, but we will see!
  • Use cURL to send all requests, including login Everything done over https, passwords also encrpyted on out end.

Transcript

  • 1. Using PHP to Create a Web-BasedMobile Banner ApplicationBy: Joe Casabona
  • 2. Who Am I?• System Integrator atThe University of Scranton• Web/WordPress Developer• Native of NYS/Yankee Fan• Nerd!
  • 3. App Demo• Logging In• Showing Grades• Showing Schedule
  • 4. • Better Integration with our current nativeapp (by Straxis)• Access Everywhere• Supported on Android, iOS, WindowsPhone, and even Blackberry (mostly)!• Faster changes/iterationsWhy A Web App?
  • 5. • HTML/CSS• Media Queries• PHP• Mobile Connection Server• Returns data as JSONHow Did We Do It?
  • 6. A Quick Word on RWD• RWD = Responsive Web Design• Layouts that adapt to the device onwhich they are being viewed• This app is Responsive• RWD is great; know when to use it
  • 7. Why RWD?• Support for Any Device• Not just for phones.• Next version will have better mediaqueries
  • 8. • All of the pages are HTML• No Javascript – Kept load times inmind.• Everything styled with CSS/CSS3• Media Queries• Very few imagesHTML/CSS
  • 9. • Used to talk to Mobile Connections Server• Logging In• Sending Requests• Processing JSON• JavaScript Object Notation• Standard way to represent dataPHP
  • 10. • PHP converts (decodes) this into anassociative array!JSON Response
  • 11. Mobile Connections Server• Accessible via Web Interface• As is all functionality• Login done through .htaccess• Supported by cURL
  • 12. Mobile Connections Server• Functionality supplied by server:• Login/out• View Grades• View Daily Schedule
  • 13. Sample URLS• Login: <YOURURL>/mobileserver/rest/security/getUserInfo• Grades: <YOURURL>/mobileserver/rest/grade/<STUDENT-ID>• Schedule: <YOURURL>/mobileserver/rest/schedule/<STUDENT-ID>/YYYY-MM-DD
  • 14. Let’s Look at Some Code!
  • 15. Future Proofing• Current iteration of Mobile Connectionsgoing away• My Guess: Server will remain mostly thesame.
  • 16. Thank You!Any Questions?Joe Casabonajoseph.casabona@scranton.edu@jcasabonawww.casabona.org