19. Oct. 14

( i was absent )

13. Mini Project – Convert Web Site to Mobile App

Using the knowledge you have gained working through the jQuery Mobile tutorials, and appery.io, you will work in teams to convert  pages from this web site to a mobile app that works on the iPad and mobile smart phones:


You will work in teams of 2-3, and each team needs to chose one of these pages/sections of the web site to convert. (each team needs to chose a different section, on a first come first serve basis).


Due by the end of class, October 19:   Team assignments.  Paper Prototype.

Due by the end of class, Octobre 23:    Working prototype of part of a page.

Teams choose from these pages.

1.  a.  The home page (note there links that are repeated, and the organization of the links has some problems.

b.  convert the powerpoint to mobile web.

c.  second file yet to come.

Maryam and Eman


Sunday, Oct. 6 (After Eid break)

– Going through chapter 2, (M-Government, M-Business, Mobile Life)


-Portal, related linkes in a website (Organized in a way thats intrest the visiter)

-Mobile Customer Relationship Management (M-CRM), Mobile Supply Chain Management

– 3 main things from the reading.

Thursday, October 2.

Reading: chapter 2 


Appery.io Task 

Appery.io is an online Web App development tool that is easy to use.  Pay attention to the following instructions:

#1 must be completed by the start of class on Thursday, October 2:

1. Sign up for a free appery.io account by visiting the website. http://appery.io

Then start on this tutorial before you come to class on Thursday:

2.  http://devcenter.appery.io/tutorials/building-your-first-mobile-app/

#2 and #3 must be finished before the end of class on Thursday October 2:

Note:  you are only allowed to create 1 app at a time in your free appery.io account.

Save the first app you created to your computer:  Export your current app as HTML/JS/CSS:


create a folder for the exported app files in your htdocs folder in XAMPP, and place the downloaded files there, and then delete your current appery.io app and start the new one:

3. http://devcenter.appery.io/tutorials/getting-started-with-custom-app-logic/


Screen Shot 2014-10-15 at 9.51.18 PM


Screen Shot 2014-10-15 at 9.49.58 PM



Secound tutorial:

Screen Shot 2014-10-15 at 9.55.16 PM

Screen Shot 2014-10-15 at 9.55.35 PM






PS:  and in order to create the other files, i deleted all of the data (yet i showed them to my professor before starting the next tutorial)


Thursday, Sept. 25.

Working in groups of 2-3 students, choose one of the numbered topics below (topics are first come first serve, and 2 groups may cover the same topic, but no topic may be covered more than 3 times), and create a short 5 minute presentation that thoroughly explains the main issues, the importance of the topic, and how it relates to mobile and native app development.

  1. Touch and Gestures
  2. Sharing Data Between Apps
  3. Local Data Storage
  4. Mobile Device Input Controls (includes Camera, Microphone, and buttons)
  5. Cloud Data Storage

The instructor will record the group assignment and topic to make sure all topics are assigned to at least 2 groups.

The deliverable is a document that explains the topic and issues, and a presentation based on the document.

Read the following resources on the topics of Native and Mobile Web app development as background material, but you may need to search for other resources.






Cloud data-final

Thursday, Sept. 18 – Sunday, Sep. 21


Mobile Web Tutorial 2:


This tutorial is about build a fully functional mobile application, thils aplication will be about a list of websites,

each and every website will be displayed as a QR code.

-first we created the design of the page ” the skeleton ” which is the basic layout of two pages. (Part 1- static page)

– I test it and it worked on both the localhost and om my phone.

Project 2 

Screen Shot 2014-10-15 at 9.34.09 PM

Screen Shot 2014-10-15 at 9.34.36 PM

Screen Shot 2014-10-15 at 9.35.05 PM

Screen Shot 2014-10-15 at 9.35.52 PM

— — — — — —

Eman and I will be presenting “Cloud Data Storage”, and the presentation should cover the following:

– overview of the topic ( research r printed powerpoint)

– we shold cover both Native and Mobile Web app development issues in cloud data storage.

-Due Thursday, Sept. 25.

Sunday Sept. 14 – Tuesday, Sept. 16

User Experience: How Much Does your Mobile Web Site Weigh?

– 17.84 mbps = 1.784 mbps

How would you calculate the weight of your mobile web site? How long will it take to download?

How fast is your mobile connection? Download the OOKLA Speed Test app on to your phone, and test your phone atoth 3G and WIFI connections. Compare the Results?

How would you calculate the weight of your mobile web site? How long will it take to download?

Using the tutorial web site you created, calculate its weight.

1. Assume a 3G average connection of 2Mb/s download speed, with a 500ms latency, how long will it take to view your page(s)? Calculate this figure for each page

– .500s x 3 images ( the actual size of the image

– .500s x 3 JQeury

– .500s x 1 HTML

adding all of the above then divide them by 10 to get the total

2. Is this similar to what you experience connecting to your computer when you test your site using Apache?

3. How can you reduce the weight of your site?

4. For each page, work to reduce the weight and calculate the differences between your current site and the reduced site. Report these figures

3. How can you reduce the weight of your site?

Explain in detail why and how you did what you did in the above steps. What problems did you have, and how did you overcome them?

First class- Project 1

– Overview about the course.

– Creating and HTML page to write ore journal (dreamweaver).

– Downloading XAMPP and set it on the laptop.

Screen Shot 2014-10-12 at 10.34.54 AM



start working on the first tutorial


project 1 

Creating an application:

1) a list ( clickable list, that goes to another page).

2) Images, names, description for each list.

3)adjustable page.

4) search angent.

Screen Shot 2014-10-15 at 9.18.07 PM

Screen Shot 2014-10-15 at 9.18.18 PM

Screen Shot 2014-10-15 at 9.18.35 PM