Suche jmd. der sich gut mit Json & Javascript auskennt!

[Biboja]

Heyho,

Für mein Studium muss ich eine interaktive Küche bauen (Ja dumm, aber Militärprojekte wurden seit dem letzten Semester abgeschafft).

Thama: Comicküche für Senioren

Die Küche mit Zutaten wie Tomate, Fleisch, Öl etc. ist alles schon soweit fertig. Da die Küche auf Canvas projeziert wird, ist das alles Draggable und soweiter..
Nun muss ich ein Rezept implementieren, mit dem der User später dann kochen kann. Mein Problem ist nur, das ich mich mit Json bis jetzt nicht wirklich auseinander gesetzt habe.
Ich würde gerne die möglichen Rezepte auf der Seite anzeigen lassen (Läuft bis jetzt auch ganz gut). Aber iwie muss die Json und die Küche auch "zusammen arbeiten" und der User muss schließlich auch eine Reihenfolge der Rezepte beachten. Später soll es auch möglich sein, dass der User einfach selbst Rezepte in die .json laden kann.
Könnte mir evtl. jmd helfen, das ganze zu vollenden?!
Sollte ja eig. für einen "Profi" oder "Könner" nicht allzuschwer sein. Und wenn er Zeit hätte, wäre das natürlich auch sehr toll :P

Hier kann ich mal ein paar screens einfügen, damit man evtl. eine besser vorstellung des ganzen hat.

- Der Topf kann warm werden und ändert nach bestimmter Zeit seine Farbe. Aber das ist ja nicht relevant für diese Aufgabe. Ich will nur das die Rezepte richtig ausgeführt werden.





Hier nochmal wie die Rezepte gerade angezeigt werden. (Werden am Ende nochmal ordentlich dargestellt)





Falls jmd. helfen möchte, kann ich ihm auch gerne den Source schicken.

[tnd0]

JSON ist ein Datenformat, wie XML. Mit PHP kannst du JSON ganz einfach in einen php-array umwandeln, damit solltest du ja arbeiten können.

PHP Code:

    function doJsonError()
     {
      switch(json_last_error())
       {
        case JSON_ERROR_DEPTH:
         return false;
         break;
        case JSON_ERROR_CTRL_CHAR:
         return false;
         break;
        case JSON_ERROR_SYNTAX:
         return false;
         break;
        case JSON_ERROR_NONE:
         return true;
         break;
       }
     }

$data = json_decode($JSONDATA, true);
if (doJsonError() == false) {
  die("fehlerhaftes JSON format");
}

/* und schon ist $data ein php-array, mit dem du arbeiten kannst.
umgekehrt kannst du auch den array mittels json_encode wieder ins JSON format zurückbringen */ 


[Biboja]

Naja, php will ich eig nicht mit einbauen..


meine json schaut atm so aus

[


	{
    	"title": "Chili Con Carne",
		"zutaten": [ "500 g Nudeln (Spaghetti)","1 Zwiebel", "1 El Olivenöl", "500g Hackfleisch", "Salz und Pfeffer", "Wasser" ], 
		"zutat2": "1 Zwiebel",
		"zutat3": "1 EL Olivenöl", 
		"zutat4": "500 g Hackfleisch", 
		"zutat5": "Salz und Pfeffer", 
		"zutat6": "Wasser",
		"img": "grafiken/chili.jpg",
    	"description": "Die Spaghetti in reichlich Salzwasser bissfest kochen.<br> Die Zwiebel abziehen und fein hacken. Das Öl in einem Topf erhitzen und die Zwiebel darin unter Rühren anbraten. Die Tomaten dazugeben, die Gemüsebrühe darin auflösen und 10 Minuten bei geringer Hitze kochen lassen. Die Kräuter hinzufügen und weitere 5 Minuten garen. Die Sauce mit Paprika, Pfeffer und Zucker abschmecken und mit den gut abgetropften Spaghetti servieren.",

	
	
	},
	
	{
    	"title": "Spaghetti Bolognese",
		"zutaten": [ "500 g Nudeln (Spaghetti)","1 Zwiebel", "1 El Olivenöl", "500g Hackfleisch", "Salz und Pfeffer", "Wasser" ], 
		"zutat2": "1 Zwiebel",
		"zutat3": "1 EL Olivenöl", 
		"zutat4": "500 g Hackfleisch", 
		"zutat5": "Salz und Pfeffer", 
		"zutat6": "Wasser",
		"img": "grafiken/chili.jpg",
    	"description": "Die Spaghetti in reichlich Salzwasser bissfest kochen.<br> Die Zwiebel abziehen und fein hacken. Das Öl in einem Topf erhitzen und die Zwiebel darin unter Rühren anbraten. Die Tomaten dazugeben, die Gemüsebrühe darin auflösen und 10 Minuten bei geringer Hitze kochen lassen. Die Kräuter hinzufügen und weitere 5 Minuten garen. Die Sauce mit Paprika, Pfeffer und Zucker abschmecken und mit den gut abgetropften Spaghetti servieren.",

	
	
	},
	{
    	"title": "Bohneneintopf",
		"zutaten": [ "500 g Nudeln (Spaghetti)","1 Zwiebel", "1 El Olivenöl", "500g Hackfleisch", "Salz und Pfeffer", "Wasser" ], 
		"zutat2": "1 Zwiebel",
		"zutat3": "1 EL Olivenöl", 
		"zutat4": "500 g Hackfleisch", 
		"zutat5": "Salz und Pfeffer", 
		"zutat6": "Wasser",
		"img": "grafiken/chili.jpg",
    	"description": "Die Spaghetti in reichlich Salzwasser bissfest kochen.<br> Die Zwiebel abziehen und fein hacken. Das Öl in einem Topf erhitzen und die Zwiebel darin unter Rühren anbraten. Die Tomaten dazugeben, die Gemüsebrühe darin auflösen und 10 Minuten bei geringer Hitze kochen lassen. Die Kräuter hinzufügen und weitere 5 Minuten garen. Die Sauce mit Paprika, Pfeffer und Zucker abschmecken und mit den gut abgetropften Spaghetti servieren.",

	
	
	},
	{
    	"title": "Hack-Käse-Topf",
		"zutaten": [ "500 g Nudeln (Spaghetti)","1 Zwiebel", "1 El Olivenöl", "500g Hackfleisch", "Salz und Pfeffer", "Wasser" ], 
		"zutat2": "1 Zwiebel",
		"zutat3": "1 EL Olivenöl", 
		"zutat4": "500 g Hackfleisch", 
		"zutat5": "Salz und Pfeffer", 
		"zutat6": "Wasser",
		"img": "grafiken/chili.jpg",
    	"description": "Die Spaghetti in reichlich Salzwasser bissfest kochen.<br> Die Zwiebel abziehen und fein hacken. Das Öl in einem Topf erhitzen und die Zwiebel darin unter Rühren anbraten. Die Tomaten dazugeben, die Gemüsebrühe darin auflösen und 10 Minuten bei geringer Hitze kochen lassen. Die Kräuter hinzufügen und weitere 5 Minuten garen. Die Sauce mit Paprika, Pfeffer und Zucker abschmecken und mit den gut abgetropften Spaghetti servieren.",

	
	
	},
	
]

[Muddy Waters]

Ich verstehe ehrlich gesagt noch nicht so ganz, wo genau dein Problem liegt. JSON ist nichts als eine Schreibweise für JS-Objekte, der Name sagt es ja eigentlich auch schon.

Wenn du jetzt nicht gerade überhaupt keine Ahnung von objektorientierter Programmierung und/oder JS verstehst, sehe ich nicht, wo genau du hier Schwierigkeiten hast.