frame work  view step one