Category Archives: cs-wsu

I ran the website(slideshow) on my iPad!

I figured I should post an update about this. Whether it was suppose to work or not, I was able to get onto the server at home using the “209.xxx.xxx.xxx” address. I blanked it out since I’m not sure if that should be public knowledge yet?

Two things I would like to say. firstly, the Jquery slide functions DO work on the ipad. Their were no issues there. The only thing as of now with it is you can’t drag. It is more of a swipe which in turn moves the screen, instead of a dragging and scrolling type deal. I’ll try and see what I can do about this, if anything. But it is functional as of now.  The second issue that is probably a main function in KioskPro, is that you can swipe up and down the page. As in you can pull a page up and see underneath it (the rubber band like effect). This is probably what KioskPro fixes, I just haven’t heard anyone mention it.

Now that we know Jquery works, I’m hoping the rest of the teams can get their things up on GitHub. I’d like to do some testing on my ipad! Best of luck!

 

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

I ran the website(slideshow) on my iPad!

I figured I should post an update about this. Whether it was suppose to work or not, I was able to get onto the server at home using the “209.xxx.xxx.xxx” address. I blanked it out since I’m not sure if that should be public knowledge yet?

Two things I would like to say. firstly, the Jquery slide functions DO work on the ipad. Their were no issues there. The only thing as of now with it is you can’t drag. It is more of a swipe which in turn moves the screen, instead of a dragging and scrolling type deal. I’ll try and see what I can do about this, if anything. But it is functional as of now.  The second issue that is probably a main function in KioskPro, is that you can swipe up and down the page. As in you can pull a page up and see underneath it (the rubber band like effect). This is probably what KioskPro fixes, I just haven’t heard anyone mention it.

Now that we know Jquery works, I’m hoping the rest of the teams can get their things up on GitHub. I’d like to do some testing on my ipad! Best of luck!

 

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

Data Base Put on Wait – Working on Screen Saver.

For the past fews weeks, beside learning more about Javascript, HTML and CSS myself, i and my group was doing researches on how to save data on the local machine within the web browser. We came to the decision that we were going to use a hosted server to save data because although we can store data inside web browsers, we can not access them. By using a hosted server and Kiosk, we can save data on the hosted server (of course it is accessible) and also provide the copy of the data to the local machine (so it wouldn’t cause any problem if the connection between the machines and the hosted server is lost). 

While my group is waiting for the server provided, i and Sompop formed a team working on the screen saver for WAM project. The way it works is that when the iPads are in idle status, the screen saver will be activated. When a user comes and touch the screen, the screen saver will be deactivated and the homepage will pop up.

For the last week, i was searching around and found some sources of information on how to make the screen saver. I’m still not clear on how to make the screen saver, except some ideas of where possibly to begin. Here are what i found: 

Create screensaver using jquery | jquery screensaver

http://www.getallfix.com/2012/08/create-screensaver-using-jquery-jquery-screensaver/

How to Create A JavaScript Web Page Screen Saver

http://www.webreference.com/programming/javascript/gr/column7/index.html

Create Your Own Web-based Screensaver

http://www.wynia.org/wordpress/2005/08/create-your-own-web-based-screensaver.

I’ll have what i got more organized and try to have something to show class next week.

 

From the blog daunguyen10's Blog » CS-WSU by daunguyen10 and used with permission of the author. All other rights reserved by the author.

WAM: Database Side.

Not much was done on my part during the past week, I mostly just played the waiting game while our WSU IT guys configure the server for us, since we need that in order to progress further. Originally my group had planned on doing it ourselves since most of us have a good amount of experience using VMWare, but that just wasn’t to be. More coming once we get the server!

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

My own private web server

One plus about working full time as a system admin while finishing my degree – toys.  I got lucky to borrow an iPad from work for the WAM project, and am just as lucky to have access to a web server for testing!

I ended up configuring my own web server this weekend to make sure I was capable of administering the WAM site.  We use VMWare at work, so I was able to create a test server running CentOS 6.3.  I normally use Debian for these sort of things, but I hear CentOS is the next best thing these days, if not the better choice for enterprise web servers (hence the name Community Enterprise OS).

I configured the network card, ran updates, installed VMWare Tools (probably not necessary since I’m not using Gnome), installed apache, mysql, and python modules.  For prep work on the internet network, i created a DNS record, and began looking into opening up the firewall for external web access.  This is where i ran into a problem.  The only available static IP addresses were at our other branch – and the ones I ordered this year were not yet configured to be available on our switch (not without relocating the firewall to the new demarc).  I guess I’ll just need to VPN into the server for others to see it for now.  So far so good though.  Only need to create some python scripts, and a basic mysql table to pull from, and we’ll only be one step away from presenting a workable proof of concept to the class.  For those of you interested in looking into a Python/MySQL tutorial, take a look at the following site.  It helped me some (but only for Ubuntu or other non-RPM compatible OS distros).  http://zetcode.com/db/mysqlpython/

More to come..

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

Weekly Update..

So we finally were able to have a class meeting after the 2 weeks of having to meet on IRC chat due to snow storm and no school. It gave us the chance to get a better view where everyone stands. We got a chance to show Tim a working demo of the puzzle application. He liked some of the features, but was hoping for the pieces to be jigsaw shaped instead of having pieces that were shaped as squares and move those around. So this week has been trying to figure out a way to creates pieces in that shape. I found a couple ideas that might work. There is a tool out there called kinetic.js which allows us to create drag able and moveable pieces. I found that somebody had created a puzzle with this feature and was looking at his code to get an idea how we could do this. We would have to change the code we have so far to get this to work. I still have had no luck with getting this up and running. I also was looking online finding ways to do it with jQuery UI and javascript. I have no experience working with jQuery tools. So I think I would need some help within that area to get this going. Overall a decent week but kind of stressful due to not knowing how to implement some of theses tools and hope for a working demo in the end. I will be bringing this up in our discussion tomorrow during class.

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

Week ending 3/2/13, part 2 (ScreenSaver & Slideshow)

So I think I found how to make it so that after some idle time, it will go into the screensaver.

We can do that with the function setTimeOut() as described in here, http://stackoverflow.com/questions/13907894/how-to-create-screensaver-like-screen-in-html-jquery

Also, I was thinking that maybe after the app goes into the screensaver, it should return to the homepage instead of the current page?

I also found this blog here that shows many different jquery plug-ins for slideshow, http://vandelaydesign.com/blog/web-development/jquery-slideshow/

So I think I have an idea of what to do now. I hope I can get something done so I can show the class tomorrow.

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

Week ending 3/2/13, part 2 (ScreenSaver & Slideshow)

So I think I found how to make it so that after some idle time, it will go into the screensaver.

We can do that with the function setTimeOut() as described in here, http://stackoverflow.com/questions/13907894/how-to-create-screensaver-like-screen-in-html-jquery

Also, I was thinking that maybe after the app goes into the screensaver, it should return to the homepage instead of the current page?

I also found this blog here that shows many different jquery plug-ins for slideshow, http://vandelaydesign.com/blog/web-development/jquery-slideshow/

So I think I have an idea of what to do now. I hope I can get something done so I can show the class tomorrow.

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

Weekending 3/2/13, part 1 (Git)

First of all, I apologize for not blogging last week. I completely forgot about it.

—————————————————————————————————–

So for last week, I was asked by the professor to make some notes on Git and think about how to organize our code repository. I am not exactly very knowledgeable about Git, but I know how to use it because of my internship at the UMass Lowell Robotics Lab. But at the lab work work in small teams and we contribute our code to the main repository, so I have the basic idea of how this works.

Also, I did not cover how to work with remote (not local) repository in my notes [Chapter 2 ProGit]

To add a remote repository to Git (to set up our CS401 Repo as a remote so you can push and pull updates to and from it), in the command-line, run

git remote add NameForYourRemote URL

So for example, git remote add cs401 https://github.com/CS-Worcester/CS401Spring2013.git

To push to the remote repo, git push NameForYourRemote branchName

ex. git push cs401 master

To fetch, git fetch NameForYourRemote

To pull, git pull NameForYourRemote

The difference between fetch and pull is that the “fetch” only get the new updates, but “pull” gets the update and then “merge” it to your branch.

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

Sleek, Chic and Geek

Image

Image

 

Hello again.

Not so much a busy week as much as a busy weekend, as far as the drawing app goes.  I did not have a single free moment to work on it during the week with the middle of the term upon us.  However last night, or should I say yesterday at about 2pm I began working on the app again and I did not stop until around 2:30am the following day only to sleep five hours and then continue working.  So despite hold backs throughout the week I have made some significant improvements to the drawing app. Oh and all the code is on GitHub at https://github.com/JasonHintlian/WArtMuseumColor  I will work this week to get this added as a branch of of our 401Project on GitHub, hopefully with all the  comments too.

There have been some major advancements in the User Interface UI this week including new cool buttons a new size selection menu and a few new ancient approved colors from the Worcester Art Museum WAM.  On top of that I have corrected the issue of thumbnails squishing which was nothing more than a quick change to some css and added a few arrows to symbolize a scrolling option.  I now that the WAM would like the button to disappear when the scroll reaches its end like many iOS application but that may not be so easy to do in a web application.  It will certainly be a topic for research this week.

So too the implementation.  First the new buttons just set there background to the current color, like the old color button but now they are overlaid with a partially transparent image.  This is achieved in css by setting the background to the desired image.  I creates the illusion of a wet paint brush and bubble styled sizes.  Next I built a new pop up canvas to hold the different sizes.  I chose this method as opposed to size buttons linked through html because it allows the user to easily expand or hide the menu.  In addition we can reference the x and y coordinates of a mouse-down event in order to set the size based on the position of our mouse.  There are six images that make up the size menu one permanent partially transparent background  and five different pointer images drawn with respect to the current size.  Though I am quite certain I can reduce this down to one pointer image and then just redraw it were necessary that will have to wait till next week.

The third new change this week is simply the proper sizing of the coloring images and  fe extra colors.  In addition I did add a few arrows to the scroll menu, but they have no functionality other than being a visual queue to the user that “this area can scroll”.  I would certainly like to add some functionality to those buttons so I will look into that this week.  Other than that all our coloring images are now the official images form WAM. That was a quick change, I did resize the images for the thumbnails but that should not make any difference visually but it goes a long way toward improving the smoothness of scrolling.

Overall this weeks effort was geared towards creating the UI that WAM wants so hopefully they approve of the newer buttons and the size selection menu.  There new set of colors made a nice addition to the app but I would like to find a copy of photoshop we can “legally” use to make a better looking color wheel with ultimately more color and shades to select.  So this weeks agenda will most likely be focused on scrolling and a better color wheel as well as creating a branch off of our 401Project repository.  Should all the UI expectations be met early enough I would also like to work on  a sub-pixel curve algorithm to create a smoother painting experience, but we will see how it goes.

Anyway till next time.

Jason

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