yourarthere.net

The loose ends

Posted in backend, coding, design, organization, research by Owen on May 15, 2010

I’ve received some feedback from users now, and made my own notes as I’ve used the system, so I have some of these below. Additionally, its a good idea to go over all the code, including CSS, and add comments while its still fresh in our minds. This shouldn’t take long, we just need to address blocks of code or lines that aren’t already commented and look like they need some explaining! Feel free to contribute anything else we need to make this live!

GLOBAL

– Add a sitemap. ___Beth + Owen
– Add titles to all links. ___Owen
– Create class to show external link icon (like wikipedia). ___Owen
– Add search function. ___Owen
– Add CDATA to all javascript tags. ___Owen
– Switch 1000px width to 980px. ___Owen
– 301 .htaccess redirect and make new site live. ___Owen

APPLICATION

– Emails don’t seem to be received by comcast users. Research and find out what we might change. ___Beth
– Add upload image feature to application form (to become default feature image). ___Owen
– Convert new emails and domains to lowercase. ___Brittany
– Remove trailing slash on domain names… see: ryanboatright.com/ ___Brittany
– Add headers again after so many members… _____Brittany
– Add language/code to encourage adding a short statement. ___Owen

ADMIN DASHBOARD

– Clean-up member review page. ___Beth
– Add number of files and number of tags to list of members. ___Brittany + Braylin
– Add an “Are you sure?” page to the delete member button. ___Brittany
– Add ability to order members by date joined (add column) vs. last name. ___Brittany + Braylin
– Keep track of whether or not members pay monthly or annually. ___Brittany
– Add icon for view member profile as well as domain. ___Owen
– How can we make sidebar “site administration” links for admin work better? Add icons. ___Owen
– Add FTP link in admin dashboard See also ___Owen
– Different color for pending, approved, active, and inactive members . ___Owen

MEMBER DASHBOARD

– Make an infographic for the settings page, to show how DNS, webservers, FTP works. ___Chris
– Copy functionality from tags to let users add events? ___Braylin
– Change file to gallery on member dashboard home. ___Owen
– Use first member image for feature by default. Inform member this image will be used as thumbnail too. Save new version of first image when uploaded. ___Braylin
– Member subaccount shouldn’t show plesk username/password. ___Brittany
– Research and find the best date/time selector. ___Beth
– Add FTP link in member dashboard See also ___Owen
– Add external links icon (like wikipedia) esp for pages in member dashboard. ___Owen
– For settings page, show user data as form field, click and it highlights. ___Owen
– Language should be added to encourage adding images. ___Owen
– Add feature image to home of member dashboard. ___Owen

WEBSITE

– Make events page. ___Braylin
– Change all titles (including Support topics) to sentence case. ___Owen
– Show abbreviated statement on their page, with a jquery toggle to show all (pushes down). ___Braylin
– If statement to determine location still spits out “in ,” ___Braylin
Some images have not been carried over. Check to see if others have. ___Owen
– Clean-up and move Add This button. ___Owen

FRONT PAGE

– Hook events to events table. ___Braylin
– Add jquery image sliders to feature box images. ___Owen
– Hook feature box images to db. ___Owen

COMMENTING AND TESTING

– Add comments to all CSS and PHP files. ___Everyone
– Validate everything. ___Everyone
– Get browsershots of example pages. ___Beth
– Make fixes to design based on browser shots. ___Beth + Owen
– Add validation links to footer. ___Beth

THE FUTURE

– Add buttons to admin to remind pending members they have been accepted.
– Auto email members who have not added images/tags/feature image/events or have not visited in a while.
– Let them update email preferences.
– When someone creates an account with the same name (different email) for a different domain, then the new member script/admin email (confusingly) gets the user by the site url (fname-lname) which actually is their first account. Should get them by email address. ___B&B
– Add jquery email sign-up form. ___B&B
– Server/FTP account integration using Plesk API. ___B&B
– Merge events with a general feed and call it announcements. ___B&B
– Add more support articles and ways to tag/search/sort them.
– PayPayl / Google Checkout API integration. ___B&B
– Member feed / change “events” to “announcements.” ___B&B
– Plot announcements/events on map. ___Owen
– Google Map API / geocode members. ___Owen
Move to new server. ___Owen
– Integrate CMS for user websites.

Comments Off on The loose ends

The Difference Between Dashes and Underlines in SEF URLs

Posted in coding, research by Owen on March 31, 2010
Tagged with: ,

Comments Off on The Difference Between Dashes and Underlines in SEF URLs

A Collection of Useful Web Design Wireframing Resources – Speckyboy Design Magazine

Posted in coding, design, organization, research by Owen on March 22, 2010
Tagged with: ,

Comments Off on A Collection of Useful Web Design Wireframing Resources – Speckyboy Design Magazine

Code List

Posted in coding, organization, research by Lin on March 1, 2010

Here is a consolidated list of codes that will or might be used on YAH. If you have comments about these codes, please leave a comment. Otherwise, edit this post to include your codes (or strike through some codes).

Misc Codes:

  • Lightview – overlay content on website  – IE 6+, FF 2+, Safari 2+, Opera 9.5+ (requires Prototype and Scriptaculous with Javascript enabled)
  • jQuery UI (demo) – user interface – IE 6+, FF 2+, Safari 3.1+, Opera 9+, Chrome
  • AddThis – sharing tool

jQuery Plugins:

  • CuteTime (demo) – makes timestamps cute
  • Captify – rollover captions on images – IE, FF, Safari, Chrome
  • Feature List (demo) – interactive “Featured Items” widget
  • InnerFade – fade any element inside a container
  • Coda-Slider (demo) – sliding tabs – IE 6+, FF 2+, Safari, Opera 9+, Chrome
  • jQuery Cycle – transition effects for container elements
  • TextInput (demo) – tokenizing autocomplete text entry
  • Growl (demo) – simple notification system – IE 8, Firefox 3.5, Safari 4, Opera 10.2, Chrome 2
  • Twitter Login (demo) – Twitter-like drop-down login
  • loopedSlider (demo) – content slider for feature boxes

CodeIgniter Codes:

Comments Off on Code List

The Future: Version 3.0 wish-list

Posted in backend, coding, design, organization, research by Owen on February 15, 2010

An ongoing list of improvements and additions for the next redesign…

Homepage

  • Comments on feed
  • Artist groups/collaborations
  • Nice calendar
  • To be continued…

Project timeline

Posted in backend, coding, design, organization, research by Owen on February 15, 2010

Here’s the plan for this spring:

Jan 14: Introductions and post-it note meeting
Feb 1: CMS overview and selection
Feb 8: Design version 1, database layout conversation, install Codeigniter
Feb 15: Design version 2, database layout conversation
Feb 22: Design version 3
Feb 23: Start to build database with Sequel Pro
Feb 26: Complete database design and complete database
Mar 1: Design version 4, begin coding frontend: start creating the pages with Codeigniter
Mar 15: Design version 5, markup and add data for testing
Mar 18: Database table and data conversation
Mar 22: Marking up site in XHTML/CSS and connecting Codeigniter
Mar 25: Working out details of application form, discussion XHTML/CSS markup issues
Mar 29: Working on community member page, other XHTML/CSS markup issues
Mar 30: Design coded in XHTML/CSS, begin creating dashboard for administration
April 5: Frontend should be pulling all data from backend, begin browser/OS testing and validation
April 8: Discuss administrative dashboard and application process
April 12: Continue work on admin dashboard, tags for artists pages
April 15: Conclude admin dashboard, begin work on member dashboard, discuss procedure for uploading files
April 19: Continue coding member dashboard
April 22: Complete member dashboard, go live date for Beta site, begin member/user-data testing.
May 15: Conclude all member testing, begin making changes based on feedback
May ?: Stage 1 jquery additions
May 22: Go live date. Celebrate successful project!

Tagged with: , , ,

Comments Off on Project timeline

About The Team

Posted in backend, coding, design, organization, research by callibeth on February 15, 2010

Aggregated information for the “About The Team” page. Chris, I haven’t received your information yet.

Brittany Morales
I am currently a senior at Florida State University. My major is Studio Art with a concentration in Graphic Design and Web Design, and I have a minor in Film Studies. Writing good code makes me happy.
website: brittanymorales.com

Braylin Morales
I am a senior who is graduating in May from Florida State University with a Studio Art major and Film minor. I enjoy using Adobe software to create graphics for just about anything. While in college, I found a hobby in website coding and I have been learning more about web design ever since.
website: braylinmorales.com

Owen Mundy
Owen Mundy is an artist who works in photography, video, and digital media. He completed the U.S. Navy’s Defense Photography program (1994), has a BFA in Photography from Indiana University (2002), and an MFA in Visual Arts from the University of California, San Diego (2008). He is currently based in Tallahassee, FL and is an Assistant Professor in the Department of Art at Florida State University.
website: owenmundy.com

Beth Lee

Beth Lee is a graphic designer focusing on web design and commercial lettering. She will graduate from Florida State University with a BFA in Graphic Design in May 2009.

website: bethleedesign.com

Tagged with: , , , , ,

Comments Off on About The Team

Frontend Design – Version Discussion

Posted in design, research by Lin on February 15, 2010

VERSION 2 Improvements

Homepage

  • Pull some work/information from the old site
  • Use standard ad sizes to place under Spotlight News
  • Huge image on top (2 columns)
  • No color, only one for hotlink
  • Incorporate Georgia font into site, sans-serif for small text
  • JQuery slider for featured artists?
  • Truck only logo
  • Controller nav (What’s New, Login, Search) + basic website nav (About, Apply, Artists, Support)
  • Facebook + Twitter icons/link
  • No friends
  • “Follow” + “Share” on every page

Member Page

  • Rename Guestbook to something else (make it a JQuery form to send messages)
  • Big image for member page
  • Avatar = most recent work (no actual images of person)
  • Include their news feed, recent activity, and “Guestbook”
  • No bio, just an Artist Statement that’s short or has a “Read More” option

Website Designs

————————————-

VERSION 2 Progress

  1. I found a nice website that might be similar to what we want to achieve with YAH: http://mesa.cityofgrace.com/ It has a very nice image scroller (but made with Flash) under the basic navigation and a very nice calendar below it. The footer also looks very professional and clean.
  2. Standard web ad sizes are located here:  http://www.iab.net/iab_products_and_industry_services/1421/1443/1452 At the bottom of the webpage, there are various sizes of rectangles, banners, buttons, and skyscrapers.
  3. “Guestbook” can be renamed to “Contact”?
  4. Pictures from artists are hard to come by on the old YAH site….
  5. The Homepage design will be posted once Chris is done with it. Here is what I gave him to play with anyways:  

Frontend Design – Version 1

Posted in design, research by Lin on February 8, 2010

Design inspired by MOG, Humble Voice and myglassart.org.

Tagged with: , ,

Comments Off on Frontend Design – Version 1