Category Archives: cs-wsu

Switching to PHP

So time is ticking away as the semester is coming to an end.  Our database work with python was progressing slower than expected.  So we decided last week to switch to PHP, which is more widely accepted for web server scripting.  There are many useful guides online for setting up a test site.  I found the following tutorial very helpful for first time setup:

http://css-tricks.com/php-for-beginners-building-your-first-simple-cms/

This tutorial expects that you have PHP installed, and that you have a web server to test with.  Luckily we did have a test server, so I ran ‘yum install php’ on the server knowing that Dillon had already created a basic WAM database with 2 tables, one for the coloring app, and one for the puzzle app.

I created my own .php script files, and uploaded them to a git repository, where I then cloned it to a new branch on my server directory.  Tests successful!  With a few modifications we’d be able to try out some simple features like recording high scores for the puzzle, or storing file paths for saved images on the coloring app.

From the blog mikesaguirre » cs-wsu by mikeaguirre and used with permission of the author. All other rights reserved by the author.

1 more class to go

So today was our 2nd to last class meeting and it was the day that we had a working framework of everything everyone has worked on this semester. I thought things are starting to come to a good point all working together. For the puzzle application, I had to adjust the css settings for the buttons due to testing on an iPad web browser to Kiosk Pro was different. I made that change and everything seemed to go good. Tim will be sending a couple new images to change out and other than that I think the puzzle is good to go! Its awesome to see all of our hard work this semester coming to a closing point. 

From the blog rwilliams5262 » cs-wsu by rwilliams5262 rwilliams5 and used with permission of the author. All other rights reserved by the author.

1 more class to go

So today was our 2nd to last class meeting and it was the day that we had a working framework of everything everyone has worked on this semester. I thought things are starting to come to a good point all working together. For the puzzle application, I had to adjust the css settings for the buttons due to testing on an iPad web browser to Kiosk Pro was different. I made that change and everything seemed to go good. Tim will be sending a couple new images to change out and other than that I think the puzzle is good to go! Its awesome to see all of our hard work this semester coming to a closing point. 

From the blog rwilliams5262 » cs-wsu by rwilliams5262 rwilliams5 and used with permission of the author. All other rights reserved by the author.

Updating a plugin.

Hello,

 

This week my focus of attention shifted somewhat towards updating a jQuery plugin called farbtastic.js; the code is on github at: https://github.com/mattfarina/farbtastic 

My interest in doing so stems from the fact that this plugin provides a nice and powerful implementation of a color wheel that, with minor modifications I have been able to successfully use in the sketchNcolor version of the coloring app. The idea is that, I can hopefully incorporate this color wheel into the current version of the app in the development branch and/or the final version, and in that way provide a much wider range of of available colors for selection to the end user.

 

As can be noticed on github, the plugin has not been maintained and updated in quite a while and, as it is, it works well with versions of jQuery up to 1.8. As soon as  more recent versions of jQuery(1.9 and on) are called, the plugin breaks. This is due to the fact that the jQuery 1.9 line introduced major changes, and plugins that have not yet been updated require the use of an additional jQuery Migrate plugin. More about that can be found here: http://jquery.com/upgrade-guide/1.9/#overview

 

As of the moment, using the Migrate plugin is an option that works. But updating the plugin would be much better, and great learning experience for sure. The update is not yet complete but, if I succeed, I will provide details about it in future blog post.

 

Until next time,

 

Beto Luna.

From the blog betoluna » CS WSU by betoluna1 and used with permission of the author. All other rights reserved by the author.

WSU App: Slideshow swipe function

Over the past few weeks I have been looking into getting the swipe function to work with our part of the app and ending up trying out a few different coding techniques, none of which seemed to work much to my dismay. However in the past week I was able to find a good “floor plan” of how to set it up in our environment, and we were able to take that floor plan and fit it into the slideshow and finally we saw some progress. It wasn’t much progress at first, but Sean was able to sit down and painstakingly tweak the code and finally got it working the way we need to; aside from the gallery swipe. Some real progress has been made, and now we just have one minor thing left to do, get that gallery swipe-able.

From the blog CS:401 » CS-WSU by dcarlin2013 and used with permission of the author. All other rights reserved by the author.

Quick Post

I figured I would do a quick status update since I have done 2 other post this week detailing on the puzzle application status. Overall I think the puzzle application is working great and looks good! This morning I have pushed the latest version to the development branch and I am excited to see how it looks in KiosPro compared to just the web browser on the iPad.

Hopefully Tim and his boss tomorrow like the progress that our class has made this semester.

From the blog rwilliams5262 » cs-wsu by rwilliams5262 rwilliams5 and used with permission of the author. All other rights reserved by the author.

Quick Post

I figured I would do a quick status update since I have done 2 other post this week detailing on the puzzle application status. Overall I think the puzzle application is working great and looks good! This morning I have pushed the latest version to the development branch and I am excited to see how it looks in KiosPro compared to just the web browser on the iPad.

Hopefully Tim and his boss tomorrow like the progress that our class has made this semester.

From the blog rwilliams5262 » cs-wsu by rwilliams5262 rwilliams5 and used with permission of the author. All other rights reserved by the author.

Articles chapter update

Articles chapter update

After got the update the articles from Tim this week, the content increased up to 8 chapters. So in my update this week, I have put all the picture and text information into 8 different html files and used existed button “Previous” and “Next” connect between each chapters. But since I having trouble to use the server this week, The size of the image will need to be redone. This should be fixed easily, once I could test on the ipad next week.

From the blog zli1 » cs-wsu by zhengjunli and used with permission of the author. All other rights reserved by the author.

Puzzle will support vertical or horizontal position on iPad!

After Mondays class and from my previous blog I put some time into the app on getting the images from Tim into it and the whole UI all set. The only issue of mine when i finished coding it on Monday night was if the iPad was turned to vertical position the buttons for the sculptures to do the puzzle for would move off the page because they were positioned for the horizontal location. I found a way to fix this with CSS. All you need to do is define @media only screen and (orientation: (either portrait or landscape)) { //Then all of your CSS code }.

So all I had to do was put this into the CSS file for both orientations and set the correct settings and when to display certain images and now the puzzle application can work both ways. Here are 2 screen shots:

ImageImage

 

 

Overall I think the puzzle application is pretty much finished. Hopefully on Monday Tim and his boss like all the changes that have went in. It is exciting to see the final application coming to an end from all of our hard work this semester!

Btw… if testing this on safari web browser the buttons for the sculptures will be not aligned correctly because it is coded to fit the iPad resolution for vertical and horizontal use.

From the blog rwilliams5262 » cs-wsu by rwilliams5262 rwilliams5 and used with permission of the author. All other rights reserved by the author.

With work comes results.

I just put way more time into the slideshow than I thought I would have to, but I’ve made some more progress. Through some trial and error and a lot of time, I finally got swipe functionality working! It’s up on the server now!

I had to change around a lot of variables and figure out some new functions, but I was finally able to get it up and running. Swiping only works on a device that has swiping. You can’t test it on your computer, only the iPad. Not a bad design in my opinion, since that is what we are going for.

Tomorrow or this weekend I’ll get it added to the carousel. It’s to late for that right now… I need some sleep. Just wanted to share my success!

The more I work on this, the more I like it! haha

From the blog Sean » cs-wsu by shorton1 and used with permission of the author. All other rights reserved by the author.