Class notes from June 3, 2013

Screen shots of completed Pinnacle Website:

Home Page

Forms Page



Case Studies Page

 Presentation in class went well, with the class being complementary of the color choices, general layout, and choices of photographs.  They also like the banner for the web page.





Class notes from May 20, 2013

Notes on creating a mobile website:

WIDTH

<DIV> - would be extension box

Open  <DIV STYLE = "WIDTH : 300">
Close </DIV>

Will cause it wrap (if text) or push bounds out of screen (if image) when using exact pixel dimensions.

Better to use style template:

<DIV STYLE = "WIDTH 100%">

• Will size to fit dimensions of mobile device
• Works with text
• Browsers cannot re size graphics

Size images to biggest device or have different image sizes and use a JAVA applet to read back device type to select proper image
Such as:
     IF Screen Size >= 300 THEN 1.jpg (Use larger graphic)
     ELSE Screen Size < 300 2.jpg (Use smaller graphic)
On image itself:
    WIDTH = 100%
    HEIGHT = 100%

• Browser will re size image visually, but not change the size of the file

HTML 5 is the latest Standard

Dreamweaver

• Has new fluid grid layout
• A new product that can be used on mobile devices
• Uses columns
• Responsive because templates work because of columns and grids
• Makes use of source code and style sheets to do this

Phone Gap

• Uses HTML, CSS, JAVA
• Allows a developer to write app then send it to Phone Gap where it is converted to a single set of instructions
• One set for Android, one set for Apple, etc.
• At the end of the process will have a native app for all mobile devices

APP vs Web Site

APP - To do something

• Frameworks
• Uses JAVA
• Bridges the gap between desk top and mobile
• Makes web pages look like native apps
• Examples:
• Moo Tools
• J Query Mobile

Web Site - Provide Info

• Use responsive design to display on mobile or desk top

Notes from Pinnacle Conservancy Interview May 6, 2013

Link to John Determan's form for questions to ask clients regarding a new website design:

http://determan.us/forms/project_form.html

Assorted notes from interview with Jay Highum and John Determan:

Mission of Pinnacle Conservancy: To return land to it's natural state.

Revenue Generation

• No Begging
• Income from Grants
• User fees after conversion

Mission of Website:

• Information Only
• What we do
• Contact us
• How we do it
• Past Projects - Before and after photos
• Case Studies
• Consulting aspect
• Pheasants forever or Trout Unlimited

General Facts:

• 5 State Area of Operations (Minnesota, Iowa, Wisconsin, North Dakota, South Dakota)
• Interest is mainly in restoring wetlands, but could do prairie or forests.
• 14 years in operation
• Should not be from a tree hugging perspective, but a business perspective

Forms info should include:

• Contact info
• Contact us for consulting
• Contact us for repair of land