Top Banner

Click here to load reader

Graduation Project Presentaion

Aug 08, 2015

ReportDownload

Internet

  1. 1. FIOHTH OBEIDFIT PROJECT PRESETHTIOI1
  2. 2. Agenda1- Kitabk. com 2- Responsive Design3- Wordpress
  3. 3. Are u spending rm rtggrigh meney oncollege emits? ,&
  4. 4. .. ll. an online portal for buying and selling used booksll
  5. 5. .. _:d"'~. .,_, "fcan't see he haters_. .*"
  6. 6. You save y~lmhen you buy.
  7. 7. You help other students save money. / " /.' l e K~ .3. 3763 ). / ' : "/zr " I I Rii I 4 0 /3 Q. -" I'.LI (L ___ lg: -4 . a.'. . .
  8. 8. -. -. , . ,1I l : !_ _; f 7 ___ .V .. , r. ; ..e-_ A 1112:2?e -> I ~ 4 ~ . *"F -2" i,-9 5' i Ki - ; s- .3. 5:4,:-'*-:4-:73,- ' l1 ? ;f}'lf ' A " - --, ,_ =1 ,1.. ... - " v** " j .l V I;_- - ..
  9. 9. -.
  10. 10. I1_mobile is having a huge impact in our lives right now
  11. 11. I ill IIIIII l I r.In I I a. . all llllllnlh.lllful.l Iheverywhere
  12. 12. everyone
  13. 13. this dude even sleeps with his phone
  14. 14. 4C. -nu ?IIIIAMDe Standaard '~: ... ... ...,. l.. . ... ..n. ... ..l. ,A. l.. n., uHrlpt nun . .9 nlruhe ln nu. .. . . -n. --mm pl..- --r av. .n, ..l- nu-. ., My . .I. -onuv-myI u. ... A.. ..l 0.4.. .. no.1 u-. . . l-5.. . apprst thought:we need an app!hipness!
  15. 15. .CoIns H.295De Standaardnocvbunn-vs Bulphnn t! -wen!'1': I-unnrnc . -In:I --uI. u.. .I. ,n. l.. n., .lItlgu mu .1. noun-r I-u I I. .-....n-u-mil pl.II . ..c aunlm I..m. ... ,.. s.l... ..-. ..n. .-. ... .[N Au-Ion-I u. .l. ...hug!.. ... .oh and one for Android too!
  16. 16. IIZDAMe Standaard ~*$Inn eapbn n! -uvl inand Windows phones
  17. 17. (us. .. II 29 Alle Standaard : -to-aneu-Deaphmulcuneulhand let's not discriminate the Blackberry people
  18. 18. hard + expensive to maintain,and frankly kind of silly to have an app mirroring your website
  19. 19. Articial InlelligenceA ! nu| :-In , ,~, -.. ..a.second thought:let's make a mobile version of our website,it'll work on all devices!
  20. 20. Man II luAdJEV| VC'1V, .i7.I isCqrquulmvvlcamal cm SylkArtificial lnlel| igence FllndmnllsA Modem Approach lll'll ! ii~u'il~.[ill . iiirl. .lilim. li~ 5;.I-. l _. . -.w . .. -. ~. aL. .L~. ..Jl . l.'I. U| ~. La_'. ;.. ,l_i. .. 5.0!) VIDEOCODEC ' DESIGN -. A in '. .. 3 ~ ":01some good thinking there,but it's still two versions. ..
  21. 21. awesome idea:one website that adapts,looks and works great on all devices!
  22. 22. l! i!. .l. ! cs; LAYOUT based on simple principles we all know and stand behind
  23. 23. simple,but great results emerged from it
  24. 24. :31 . ; g ac .l -3 33...55, 1. M I I H IIr 7 AGENCY l CHARTERING jIr, .:-_ , . . __ M _. ._l. _, _> V" in V.tr ... l "U. '.l' I. " - I: I I_l -- n.-. I,II-. .., ll'. '1,. ,: -. H1.l../.-. lI_| I,l ; _, lI__-I-. ,I_I: _;n_, -4-, I Ioncovuonn uuazououlrtlu-r...2 >- ll ,1 2 _|s 1 l I . ) I ' .1. _ 4 - l ~I A lalemant. com by gori| lawebdesign. com
  25. 25. .', s. srI, . ~. 3:,I , ", . - _ ~ a' ' X All "7 r"' . . ~ "aa- ' .3 - - I I r:. ...l 2,2 - g s E ;.4 T . . ll .U 3 _ gr... - I,A_ ,. J u u.- - _:Z _ , -_ . . . . ..and white when it's on white owers-invisible to predators and insects. . ,_v~.,, __ I . A.;.I'( i_ I _ .I 3 "S 4 I ' l.e '~. .
  26. 31. HOW IT WORKS2 COMPONENTS
  27. 32. 1fu| |y based on uid web design
  28. 33. 2meet css media queries
  29. 34. @media (minwidth:4px) { }this ones dierent:as soon as the browser viewport reaches 400 px,use this stylesheet
  30. 35. HeaderContent Sidebar text texttext texttexttexttexttexttexttexttextte xtFooter: IIi"ilL.1u-Ilm: +~ Iii= ,w-, .an: IT-r= .i-11-1,-i= J;4=u t= .Il| .|ii'M1lIIreIilazltlia -to: utranin-rnniiznoi; ii. :Itt; iisiu_: iuiii-an for-ii-an
  31. 36. /* for 980px or less */@media screen and (maxwidth:980px) {#pagewrap { width:94%;}#content { width:65%; } #sidebar {width:30%;}}I set all the container width from pixel value to percentage value so the containers will become fluid.
  32. 37. /* for 700px or less */@media screen and (max-width:700px) {#content { width:auto;float:none; } #sidebar {width:auto;float:none; }specify the #content and #sidebar to auto width and remove the float so they will display as full width.
  33. 38. /* for 480px or less */@media screen and (max-width:480px) {#header { height:auto; }h1 {font-size:2-"lpx;}#sidebar { display:none; }reset the #header height to auto,change the hl font size to 24px and hide the #sidebar.
  34. 39. GREATNESS!responsive web design is great,don't you agree?
  35. 40. I/ lam WORDPRES
  36. 41. ;fmfM4ZM WORDPRESS
  37. 42. :i_-hi-Iii= .,. ":|5Jim-1'l--Jul-llilil-Wk Sllllll llll. lI| !llllll lllliilllllllll llllillli II| l|| l|ll| li'll| .'| l( } W= ll'Il| lli= ~li"l-! Wanipserver is a Windows web development environment It allows you to F} " create web applications with Apache2 PHP and a lylySQL database *7 Alongside.PhplylyAdmin allows you to manage easily your databases t ' i'lIlilllii! lfl| ll; lil. lIi'llillliiil0W :it;C'eeietdW'adWamPtL E 2Ei i"T'ieet 725 {At E i 3,5K STHRT WITH WFIMPSERVERWampserver installs automatically all you need to start developing web applications and is very intuitive to use.You Will be able to tune your server without even touching the setting files
  38. 43. ,5, Compute,"1 PankajBiodata. pdf 10-12-2012 AM 11.. . Adobe Acrobat D. .. 480 KBb | _oca|Disk (Q) post-comment-notification-to-multiple-. .. 15-11-2012 PM 07:. .. WinRAR ZIP archive 6 KB,9 New Voyume (D3 post-restrictorzip 15-11-2012 PM 06:. .. WinRAR ZIP archive 3 KB,9 New Volume (5) ; _5J Regal Responsive WordPress Theme. doo( 05-01-2013 AM 11.. . Microsoft Office16 KB,9 New Voyume (E) E samiksha_2.jpg 30-12-2012 PM 06:. .. JPEG image 38 KBW,New Volume (53 '1 Secrets for Blogging YourWay to a Six Fi. .. 16-11-2012 PM 09:. .. Adobe Acrobat D. .. 4606 KB9 setup. exe 10-01-2013 PM 01:. .. Application 1,203 KBQ Netwmk simp| ebasiccontactform. zip 15-11-2012 PM 04:. .. WinRAR ZIP archive 14 KB 7 F3 Slice Theme. docxc__-J mom m00,e. 'doo( Double click on the icon to run it. ultimateniche. rar Ea] US. csv viralplazazipWampServer2.0c. exe 29-01-2013 PM 05:. .. Application 20,402 KB F_-'1 WoodBerry WordPress Theme. doot 06-01-2013 PM 06:. .. Microsoft Office14 KB wordpress3.4.2zip 15-11-2012 PM 06:. .. WinRAR ZIP archive 4,806 KB I wordpress3.5zip 08-01-2013 PM 06:. .. WinRAR ZIP archive 5,310 KB
  39. 44. a _. _. __ I ~iJI'! l:1'Ji| J MIL! ) 1-'l: Ii: t.: !LJ retail $335.?1- ' iLts; I:ile Btu 3l-asllisstkee-! i'12II! !:b1eWiti You havejust on your system.Activate the WAMP first and then start working. ,lslliuisiiell file. i~O is tL= iL= Leiii:II):caiiiiebib LbieuzsiieleiiI . 9/ Cl! ) Qlihilijliili hills]!5?1llEL! JU 7.10 Genuine;litter; -Iii
  40. 45. h,I Computer D Local Disk(C: ) D wamp I w b Organize ' 3 Open Include in library ' New folder* Favorites Name Date modified Type Size I Desktop deep 1; Downloads deem 1. In this way I have installed WordPress under the 3; Dropbox Oops Wamp server.5 Recent Places phpI wordpress:3 Libraries I wordpresslDocuments wordpressMusic index. php .3, Pictures I VideosI!Computer After creating the copy of the wordpress folder.Q,Local Disk (C: )V New Volume (D2) 1,;New Volume (E2) , -, New Volume (F: ) 9 New Volume (Gz)
  41. 46. (- 7 C DlocalhostlphpmyadminlphpMyAdmInL_ L-_ E:Q:Q. K: -_. E E Q E:e. E, E E Q E:E. E. k= __, 3 L3 0 CL C blackbird blackbirdnal colorwaycoursedeepdummyeasyprofreethemes information_schema localbiz localbusiness mysqlofine performance_schemapoloray testthemagazine themetesting wordpressqC-J localhost [IJ Databases Q SQL L StatusBinary log : , Processes IE1 Privileges IE.I General SeingsMySQL connection Select Database option 8:.create ad t b f W dP .Appearance Sam a a ase or your or ressP Language 9 : Engns0 Theme I Style: pmahomme E 0 Font size: 82%i More settings
  42. 47. LA. iLA. iL; L; brackbiu DatabasesblackbirdnalLLLAiLL.1L; [_'aY 15 Create new database 9. '5 table Collationg_Create_ :deep dummy Database Master replication easypm E blackbird J Replicated I;Check Privileges E blackbird - fr th ea ms meme 1. Name of the database.2' Chck " Create information_schema y localbiz '5 d localbusiness eep mysql dummy oflline easypm freethemes I Replicated 1 Check Privileges performance_schema ,g g g _ _ ,rnformatron_schema J Replicated 1 Check Privileges |_ .. .pa my localbiz I Replrcated :Check Privileges t t es localbusiness I Replicated i Check Privileges themagazme 0 mysql I Replicated % Check Privileges themeteshng oline Replicated 5, Check Privileges wordpressq performance_schema I Replicated 5 Check Privileges
  43. 48. C Q [email protected] Version :PHP Version Loaded Extensions : MySQL Version : Tools.2- php-nfot) _)H phpmyadminYour Projects [El deeplit deeplIii!oops[SI php[:3 wordpress[:3 word presslServer Configuration2.2.21 5.3.8u Coren date- iconvu pcren tokenizer j- PDOu xmlreader i- mvsql*- xdebug 5.5.16in bcmath n ereg -jsonin Reection i- zip* Pharin xmlwritern mysqli*- calendaru filteri- mcrvintQ sessionu zlib- SimpleXML- apachezhandler u pdo_mysqISelecting the copied floder ofWord Press. u com_dotnet I- Ftp- SPLu standard n libxml*- wddx1- edn pdo_sqlite
  44. 49. There doesn't seem to be a wpconfig .php le I need this before we can get started Need more help?'v'. t:get itYou can create a up-config.php lrle through a web intertace.but this doesn't '. ':orl< for all server setups TheSale$l way IS to manually create the llle ., l Click on it Create a Conguration File we ,
  45. 50. WORDPRESSWelcome to WordPress.Before getting started,we need some information on the database You will need to know the following items before proceeding. Database nameDatabase usernameDatabase passwordDatabase hostTable prefix (if you want to run more than one WordPress in a single database). '. . '"If tor any reason this automatic filo cre