{"id":1896,"date":"2014-10-06T14:49:19","date_gmt":"2014-10-06T18:49:19","guid":{"rendered":"http:\/\/tim.cstj.qc.ca\/cours\/xcode\/wp\/?page_id=1896"},"modified":"2014-10-06T14:49:19","modified_gmt":"2014-10-06T18:49:19","slug":"tp2-exposition-tim","status":"publish","type":"page","link":"https:\/\/ve2cuy.com\/xcode\/tp2-exposition-tim\/","title":{"rendered":"TP2 – Exposition TIM (25%)"},"content":{"rendered":"

Objectif<\/h1>\n
\n

\u00c9crire une application iPad qui, \u00e0 partir d’un fichier de donn\u00e9es .plist et des fichiers jpg, affiche des affiches anciennes en utilisant un UICollectionView et une cellule personnalis\u00e9e.
\nLa s\u00e9lection d’une des affiches lance un segue vers une sc\u00e8ne affichant plus de d\u00e9tails sur la s\u00e9lection courante.
\nL’application doit fonctionner en orientation portrait et paysage.
\nPour le design, vous avez deux choix (voir les grilles de correction):<\/strong><\/span><\/p>\n

    \n
  1. Reproduire fid\u00e8lement le design du devis.<\/li>\n
  2. \u00c9laborer, sur un sujet de votre choix, \u00a0un design personnalis\u00e9 \u00a0et diff\u00e9rent de celui pr\u00e9sent\u00e9 dans ce devis.<\/li>\n<\/ol>\n

     <\/p>\n

    \n

    Date de remise, semaine du 7 novembre, le jour avant votre cours,\u00a0<\/strong>au plus tard \u00e0 23h59.<\/strong><\/span><\/h1>\n
    \n

    Fichiers de d\u00e9part<\/h1>\n

    T\u00e9l\u00e9charger<\/a>
    \nNote<\/strong>: Format des donn\u00e9es du fichier plist : tableau de tableaux de chaines.
    \nvar tableauDonnees =\u00a0[Array<String>]()<\/span>
    \nUtilisation:
    \ntableauDonnees[x][y] retourne la chaine \u00e0 la position y du tableau \u00e0 la position x.
    \n <\/p>\n

    \n

    Les \u00e9crans de l’application<\/h1>\n

     <\/p>\n

    Storyboard<\/h2>\n

    \"TP2-Expo.TIM.06\"<\/a>
    \n 
    \nNote: Le format demi-page de l’\u00e9cran des d\u00e9tails est obtenu avec un segue renseign\u00e9 comme ceci:
    \n    \"TP2-Expo.TIM.07\"<\/a>
    \nPour le design, pensez\u00a0aussi \u00e0 changer la taille de la sc\u00e8ne.<\/p>\n

    \u00c9crans 1 \u00e0 3<\/h2>\n

    [table]
    \n    \"TP2-Expo.TIM.01\"<\/a>,\"TP2-Expo.TIM.02\"<\/a>,\"TP2-Expo.TIM.03\"<\/a>,\"TP2-Expo.TIM.04\"<\/a>,\"TP2-Expo.TIM.05\"<\/a>
    \n[\/table]
    \n <\/p>\n

    \n

    Vid\u00e9o du r\u00e9sultat final<\/h1>\n

     
    \n[embedyt]http:\/\/www.youtube.com\/watch?v=avMDfa5h6ZU[\/embedyt]
    \n <\/p>\n

    \n

    D\u00e9tails de r\u00e9alisation<\/h1>\n

    <\/h2>\n

    1 – \u00c9cran d’accueil<\/h2>\n

    \"TP2-Expo.TIM.01\"
    \nCet \u00e9cran est pr\u00e9sent\u00e9 pendant 10 secondes<\/strong> suite au\u00a0d\u00e9marrage de l’application.
    \n\u00c9l\u00e9ments de contenu:<\/p>\n

      \n
    • image de fond<\/li>\n
    • titre\u00a0\u00a0(taille de la police varie selon l’orientation)<\/li>\n
    • votre nom<\/li>\n
    • date de r\u00e9alisation<\/li>\n<\/ul>\n

      Apr\u00e8s 10 secondes, un segue est programm\u00e9 vers l’\u00e9cran\u00a0de l’exposition<\/p>\n

      \n

      2 – \u00c9cran de l’exposition<\/h2>\n

      \"TP2-Expo.TIM.02\"
      \nCet \u00e9cran pr\u00e9sente (via un UICollectionView) toutes les affiches de l’exposition. \u00a0Les donn\u00e9es des affiches sont dans le fichier ‘lesDonnees.plist’
      \n\u00c9l\u00e9ments de contenu:<\/p>\n

        \n
      • titre (taille de la police varie selon l’orientation)<\/li>\n
      • cellule personnalis\u00e9e qui pr\u00e9sente: un cadre, l’image de l’affiche et le nom de l’affiche<\/li>\n
      • message indiquant le nombre d’affiches dans le fichier de donn\u00e9es<\/li>\n<\/ul>\n
        \n

        3 – \u00c9cran de d\u00e9tails<\/h2>\n

        \"TP2-Expo.TIM.04\"
        \nCet \u00e9cran est pr\u00e9sent\u00e9 suite \u00e0 la s\u00e9lection d’une affiche de l’\u00e9cran de l’exposition (prepareForSegue)
        \n\u00c9l\u00e9ments de contenu:<\/p>\n

          \n
        • sc\u00e8ne de format ‘Page sheet’<\/li>\n
        • image de l’affiche en fond d’\u00e9cran de la sc\u00e8ne<\/li>\n
        • UIView en l\u00e9g\u00e8re transparence par dessus l’image de fond<\/li>\n
        • image de l’affiche dans un cadre<\/li>\n
        • titre de l’affiche<\/li>\n
        • texte de l’affiche<\/li>\n
        • bouton transparent couvrant 100% de la sc\u00e8ne (pour le retour \u00e0 la sc\u00e8ne de l’exposition)<\/li>\n<\/ul>\n

          <\/h1>\n
          \n

          Grilles de correction<\/h1>\n

          Note:<\/strong><\/span> Pensez \u00e0 tester votre projet en mode portrait et en mode paysage (Dans le simulateur: CMD+fl\u00e8ches g\/d).<\/p>\n

          Grille de correction 1 (Plus de programmation)<\/h2>\n

          [table]
          \nItem, Pond\u00e9ration
          \nReproduction du design du devis et gestion de l’orientation, 30%
          \nProgrammation des pages \u00e9crans, 50%
          \nQualit\u00e9 du code; organisation – documentation – optimisation et normalisation,20%
          \n[\/table]<\/p>\n

          <\/h2>\n

           <\/p>\n

          Grille de correction 2 (Plus de design)<\/h2>\n

          [table]
          \nItem, Pond\u00e9ration
          \nDesign enti\u00e8rement original et gestion de l’orientation, 50%
          \nProgrammation des pages \u00e9crans, 50%
          \n[\/table]
          \n* Note:<\/span><\/strong> Si vous optez pour la grille 2, vous ne pouvez pas utiliser (sauf pour les affiches<\/strong><\/span>) les images du fichier.zip de d\u00e9part. \u00a0De plus, le ‘look’ de votre projet doit-\u00eatre original et ne pas ressembler \u00e0 celui du devis. \u00a0Vous pouvez aussi fournir vos\u00a0propres images. \u00a0Par exemple,<\/strong> des peintures de grands ma\u00eetres, \u00a0des affiches de vieux films, des\u00a0oeuvres de calligraphie, des oeuvres num\u00e9riques, … \u00a0Si c’est le cas, il faudra alors modifier le fichier .plist en cons\u00e9quence.
          \nLa qualit\u00e9 du design doit-\u00eatre de niveau ‘finissant de la technique’. \u00a0 Si le design n’est pas dans vos cordes choisissez plut\u00f4t la grille 1, sans quoi vous risquez d’\u00eatre p\u00e9nalis\u00e9 \u00e0 la correction.
          \n <\/p>\n","protected":false},"excerpt":{"rendered":"

          Objectif \u00c9crire une application iPad qui, \u00e0 partir d’un fichier de donn\u00e9es .plist et des fichiers jpg, affiche des affiches anciennes en utilisant un UICollectionView et une cellule personnalis\u00e9e. La s\u00e9lection d’une des affiches lance un segue vers une sc\u00e8ne affichant plus de d\u00e9tails sur la s\u00e9lection courante. L’application doit fonctionner en orientation portrait et […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1896","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ve2cuy.com\/xcode\/wp-json\/wp\/v2\/pages\/1896","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ve2cuy.com\/xcode\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ve2cuy.com\/xcode\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ve2cuy.com\/xcode\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ve2cuy.com\/xcode\/wp-json\/wp\/v2\/comments?post=1896"}],"version-history":[{"count":0,"href":"https:\/\/ve2cuy.com\/xcode\/wp-json\/wp\/v2\/pages\/1896\/revisions"}],"wp:attachment":[{"href":"https:\/\/ve2cuy.com\/xcode\/wp-json\/wp\/v2\/media?parent=1896"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}