• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Using PHP to Create a Web Based Mobile Banner Application
 

Using PHP to Create a Web Based Mobile Banner Application

on

  • 743 views

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.

Statistics

Views

Total Views
743
Views on SlideShare
740
Embed Views
3

Actions

Likes
0
Downloads
0
Comments
1

1 Embed 3

http://casabona.org 3

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

11 of 1 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • 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.

Using PHP to Create a Web Based Mobile Banner Application Using PHP to Create a Web Based Mobile Banner Application Presentation Transcript

  • Using PHP to Create a Web-BasedMobile Banner ApplicationBy: Joe Casabona
  • Who Am I?• System Integrator atThe University of Scranton• Web/WordPress Developer• Native of NYS/Yankee Fan• Nerd!
  • App Demo• Logging In• Showing Grades• Showing Schedule
  • • 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?
  • • HTML/CSS• Media Queries• PHP• Mobile Connection Server• Returns data as JSONHow Did We Do It?
  • 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
  • Why RWD?• Support for Any Device• Not just for phones.• Next version will have better mediaqueries
  • • All of the pages are HTML• No Javascript – Kept load times inmind.• Everything styled with CSS/CSS3• Media Queries• Very few imagesHTML/CSS
  • • Used to talk to Mobile Connections Server• Logging In• Sending Requests• Processing JSON• JavaScript Object Notation• Standard way to represent dataPHP
  • • PHP converts (decodes) this into anassociative array!JSON Response
  • Mobile Connections Server• Accessible via Web Interface• As is all functionality• Login done through .htaccess• Supported by cURL
  • Mobile Connections Server• Functionality supplied by server:• Login/out• View Grades• View Daily Schedule
  • 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
  • Let’s Look at Some Code!
  • Future Proofing• Current iteration of Mobile Connectionsgoing away• My Guess: Server will remain mostly thesame.
  • Thank You!Any Questions?Joe Casabonajoseph.casabona@scranton.edu@jcasabonawww.casabona.org